//Rich HTML Balloon Tooltip: http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm
//Created: September 10th, 2006

var disappeardelay=100  //tooltip disappear delay (in miliseconds)
var verticaloffset=8 //vertical offset of tooltip from anchor link, if any
var enablearrowhead=0 //0 or 1, to disable or enable the arrow image
var arrowheadimg=["/js/tooltip/arrowdown.gif", "/js/tooltip/arrowup.gif"] //path to down and up arrow images
var arrowheadheight=11 //height of arrow image (amount to reveal)
/////No further editting needed

var ie=document.all
var ns6=document.getElementById&&!document.all
verticaloffset=(enablearrowhead)? verticaloffset+arrowheadheight : verticaloffset

function getposOffset(what, offsettype){
	//alert('func_getposOffset');		
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}

function showhide(obj, e){
	///alert('func_showhide');		
	dropmenuobj.style.left=dropmenuobj.style.top="-500px"
	if (e.type=="mouseover")
		obj.visibility="visible"
}

function iecompattest(){
	
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
	if (whichedge=="rightedge"){
		edgeoffsetx=0
	var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
	dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
	if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
		edgeoffsetx=dropmenuobj.contentmeasure-obj.offsetWidth
		return edgeoffsetx
	}
	else{
		edgeoffsety=0
		var topedge=ie && !window.opera? iecompattest().scrollTop : window.pageYOffset
		var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
			edgeoffsety=dropmenuobj.contentmeasure+obj.offsetHeight+(verticaloffset*2)
		return edgeoffsety
	}
}

function displayballoontip(obj, e){ //main ballooon tooltip function
//alert('func_displayballoontip');	

	var id =obj.getAttribute("rev");
	if (id!=0 && id!=''){
		var url = '/modules/mobile_detail.php';		 
		var pars = '?id='+id;
		//var target = obj.getAttribute("rel");
		var target ="popup_mobile"+id
		var myAjax = new Ajax.Request(url+pars, {
							onSuccess:function (transport){
								document.getElementById(target).innerHTML=transport.responseText;
								//initalizetooltip();
							}
					});
	 
	 
		//ajaxpack.postAjaxRequest("/modules/mobile_detail.php", 'id='+id, showRespone, 'txt')
	}
				
	if (window.event) 
		event.cancelBubble=true
	else 
		if (e.stopPropagation) 
			e.stopPropagation()
	
	if (typeof dropmenuobj!="undefined") //hide previous tooltip?
		dropmenuobj.style.visibility="hidden"
		clearhidemenu()
		//obj.onmouseout=delayhidemenu
		dropmenuobj=document.getElementById(obj.getAttribute("rel"))
		showhide(dropmenuobj.style, e)
		dropmenuobj.x=getposOffset(obj, "left")
		dropmenuobj.y=getposOffset(obj, "top")+verticaloffset
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
	if (enablearrowhead)
		displaytiparrow()
}

function add2cart(obj, e){ //main ballooon tooltip function
	//alert('func_add2cart');	

	var id =obj.getAttribute("rev");
	if (id==0 || id==''){
		alert("Ko bat duoc id cua mobile");
	}
	
	if (window.event) 
		event.cancelBubble=true
	else 
		if (e.stopPropagation) 
			e.stopPropagation()
	 
	 var url = 'modules/shop.php';	
	 var type=  obj.getAttribute("type");	 
     var pars = 'act=insert&id='+id+'&type='+type;
     var target = "divCart";
	//alert(pars+target);
	 
     var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});
}


function displaytiparrow(){ //function to display optional arrow image associated with tooltip
	tiparrow=document.getElementById("arrowhead")
	tiparrow.src=(edgeoffsety!=0)? arrowheadimg[0] : arrowheadimg[1]
	var ieshadowwidth=(dropmenuobj.filters && dropmenuobj.filters[0])? dropmenuobj.filters[0].Strength-1 : 0
	//modify "left" value depending on whether there's no room on right edge of browser to display it, respectively
	tiparrow.style.left=(edgeoffsetx!=0)? parseInt(dropmenuobj.style.left)+dropmenuobj.offsetWidth-tiparrow.offsetWidth-10+"px" : parseInt(dropmenuobj.style.left)+5+"px"
	//modify "top" value depending on whether there's no room on right edge of browser to display it, respectively
	tiparrow.style.top=(edgeoffsety!=0)? parseInt(dropmenuobj.style.top)+dropmenuobj.offsetHeight-tiparrow.offsetHeight-ieshadowwidth+arrowheadheight+"px" : parseInt(dropmenuobj.style.top)-arrowheadheight+"px"
	tiparrow.style.visibility="visible"
}

function delayhidemenu(){
	delayhide=setTimeout("dropmenuobj.style.visibility='hidden'; dropmenuobj.style.left=0; if (enablearrowhead) tiparrow.style.visibility='hidden'",disappeardelay)
}

function clearhidemenu(){
	if (typeof delayhide!="undefined")
	clearTimeout(delayhide)
}

function is_tooltips(linkobj){ //tests if a link has "rel" defined and it's the ID of an element on page
	var relvalue=linkobj.getAttribute("rel")
	return (relvalue!=null && relvalue!="" && document.getElementById(relvalue)!=null && ((document.getElementById(relvalue).className=="balloonstyle")||(document.getElementById(relvalue).className=="cart")||(document.getElementById(relvalue).className=="promotion")))? true : false
}

function is_cart(linkobj){ 
	var relvalue=linkobj.getAttribute("rev")
	return (relvalue!=null && linkobj.className=="cart")? true : false
}



function initalizetooltip(){

	var all_links=document.getElementsByTagName("a")
	if (enablearrowhead){
		tiparrow=document.createElement("img")
		tiparrow.setAttribute("src", arrowheadimg[0])
		tiparrow.setAttribute("id", "arrowhead")
		document.body.appendChild(tiparrow)
	}
	for (var i=0; i<all_links.length; i++){
		if (is_tooltips(all_links[i])){ //if link has "rel" defined and it's the ID of an element on page
			all_links[i].onmouseover=function(e){
				var evtobj=window.event? window.event : e
				displayballoontip(this, evtobj)
			}
			all_links[i].onmouseout=delayhidemenu
			
			if (is_cart(all_links[i])){ //if link has "rel" defined and it's the ID of an element on page		
			//alert("add even");
				all_links[i].onclick=function(e){
					var evtobj=window.event? window.event : e
					add2cart(this, evtobj);
					return false;
				} //end if (is_cart(all_links[i]))
			}
		}//end if (is_tooltips(all_links[i]))
		
	}
}

if (window.addEventListener)
	window.addEventListener("load", initalizetooltip, false)
else if (window.attachEvent)
	window.attachEvent("onload", initalizetooltip)
else if (document.getElementById)
	window.onload=initalizetooltip