jQuery(document).ready(function($){


    function findeL(obj){
	    var lPos = 0;
	    if (obj.offsetParent){
	    	while (obj.offsetParent){
	    		lPos += obj.offsetLeft
	    		obj = obj.offsetParent;
	    	}
	    }
	    else if (obj.x)
	    	lPos += obj.x;
	    return lPos;
    }

    function findeO(obj){
	    var oPos = 0;
	    if (obj.offsetParent){
		    while (obj.offsetParent){
			    oPos += obj.offsetTop
			    obj = obj.offsetParent;
		    }
	    }
	    else if (obj.y)
	    	oPos += obj.y;
	    return oPos;
    }

    function getPosition(obj){
    	position=new Object();
        position.x=findeL(obj);
        position.y=findeO(obj);
        return position;
    }



    $(".info").hover(
        function (e) {


            var p = $(this);
            var position = p.offset();


            var cssObj = {
                top: position.top-7,
                left: position.left+24,
                display: "block"
            }
            $("#popupinfo").css(cssObj);

            $("#popupinfo .text").css({
                display:"block"
            });
           
            $(this).addClass('infoActive');


        },
        function () {
            $("#popupinfo").css({
                display:"none"
            });
            $("#popupinfo .text").css({
                display:"none"
            });
            $(this).removeClass('infoActive');
        }
    );

   

   $(".mark").hover(
        function (e) {

            
            var p = $(this);
            var position = p.offset();


            var cssObj = {
                top: position.top,
                left: position.left-197,
                display: "block"
            }
            $("#helpinfo").css(cssObj);

            $("#helpinfo .text").css({
                display:"block"
            });

            $(this).addClass('infoActive');
            $(this).addClass('mark-active');

            $('#helpinfo').bind('mouseleave', function() {
                $("#helpinfo").hide();
                $(".mark").removeClass('mark-active');
            });

            

        }
    );

   
});