$(document).ready(vzTip_init);

function vzTip_init(){
	       $("a.vzTip")
		   .bind("click", function(event){
				vzTip_show(this,event);
				return false;
			})
//		   .hover(function(){vzTip_show(this)},function(){$('#vztip').remove()})

}

function vzTip_show(href,e){
	// 检查上一个tooltips是否关闭；
    if ( $('#vztip').css('display') != 'none' ) { $('#vztip').remove();}

	var url = href.href;
	var linkId = href.id;
	var title= href.title;

	var agt=navigator.userAgent.toLowerCase();

	if (agt.indexOf("msie")!=-1 && document.all){ //如果是IE
		curX = event.clientX;
        curY = event.clientY;
        mouX = event.clientX + document.documentElement.scrollLeft;
        mouY = event.clientY + document.documentElement.scrollTop;
    }else{ //如果是FF
        curX = e.pageX - window.pageXOffset;
        curY = e.pageY - window.pageYOffset;
        mouX = e.pageX;
        mouY = e.pageY;
    }

	var de = document.documentElement;
	var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	var toright = w - mouX;
	var tobottom= h - mouY;

	var tipbody = "<div class='t'></div><div class='b'><div class='loader'></div></div><div class='f'></div>"
	
	if(mouX < toright){
	    if ( mouY > tobottom) {
    		$("body").append("<div id='vztip' class='tip3'>"+tipbody+"</div>");//right side
			mouY = mouY - 270;
	        }
	    else {
	    	$("body").append("<div id='vztip' class='tip1'>"+tipbody+"</div>");//right side
		    }
	}else{
   	    if ( mouY > tobottom) {
    		$("body").append("<div id='vztip' class='tip4'>"+tipbody+"</div>");//left side
			mouY = mouY - 270;
			mouX = mouX - 300;
   	        }
   	    else {
		    $("body").append("<div id='vztip' class='tip2'>"+tipbody+"</div>");//left side
			mouX = mouX - 300;
   	        }
	}
	$('#vztip').css({left: (mouX -25)+"px", top: (mouY -5)+"px"});
    $('#vztip').show().hover(function() { },function() { $('#vztip').hide().remove(); });
	$('.b').load(url);
}