var gDispatchDir = "";
var gLinkExt = "";
var gImgPath = "";
var gShowBanners = "";
var gURI = "";

function init(HTTPURL,SHOW_BANNERS)
{
	gDispatchDir = HTTPURL+"dispatch/";
	gLinkExt = "?page=0";
	gImgPath = HTTPURL+"images/hider_bg.gif";
	gShowBanners = SHOW_BANNERS;
	gURI = HTTPURL;
}

function ChkSameTabAndXMLProcess(classN,divid,activate,deactivate1,deactivate2,phplink,overdiv,cases,prefix)
{
	var nArguments = arguments.length;
	
	xmllink = gDispatchDir+phplink+gLinkExt;
	//alert(activate); return;
	if(classN.indexOf("white",classN) > 0) return false;
	
	
	//change active tabs
	if (parseInt(cases) == 1)
	{
		activateleft = document.getElementById(activate+"_left");
		activatemain = document.getElementById(activate);
		activateleft.className = 'tabwhiteleft_'+prefix;
		activatemain.className = 'tabwhite_'+prefix;
		
		deactivatemain = document.getElementById(deactivate1);
		deactivatemain.className = 'tabgrey_'+prefix;
		
		deactivatemain = document.getElementById(deactivate2);
		deactivatemain.className = 'tabgrey_'+prefix;
		
		document.getElementById(prefix+'_right').src = gURI+"images/des1/"+prefix+"-rigthtag-grey.gif"; 
	}
	
	if (parseInt(cases) == 2)
	{
		deactivate1left = document.getElementById(deactivate1+"_left");
		deactivate1left.className = 'tabgreyleft_'+prefix;
		
		deactivate1main = document.getElementById(deactivate1);
		deactivate1main.className = 'tabgrey_'+prefix;
		
		activatemain = document.getElementById(activate);
		activatemain.className = 'tabwhite_'+prefix;
		
		deactivate2main = document.getElementById(deactivate2);
		deactivate2main.className = 'tabgrey_'+prefix;
		
		document.getElementById(prefix+'_right').src = gURI+"images/des1/"+prefix+"-rigthtag-grey.gif"; 
	}
	
	if (parseInt(cases) == 3)
	{
		activatemain = document.getElementById(activate);
		activatemain.className = 'tabwhite_'+prefix;
		
		document.getElementById(prefix+'_right').src = gURI+"images/des1/"+prefix+"-rigthtag-white.gif"; 
		
		deactivate1main = document.getElementById(deactivate1);
		deactivate1main.className = 'tabgrey_'+prefix;
		
		deactivate2main = document.getElementById(deactivate2);
		deactivate2main.className = 'tabgrey_'+prefix;
		
		deactivate2left = document.getElementById(deactivate2+"_left");
		deactivate2left.className = 'tabgreyleft_'+prefix;
	}
	
	//Dactivate(deactivate1,deactivate2,cases);
	
	/*if(nArguments > 6)
	{
		while(nArguments-- > 6) Dactivate(arguments[nArguments]);
	}*/
	
	XMLProcess(xmllink,divid,overdiv);
}

function ChkSameTabMostActive(classN,divid,activate,deactivate1,deactivate2,deactivate3,phplink,overdiv,cases,prefix)
{
	var nArguments = arguments.length;
	
	xmllink = gDispatchDir+phplink+gLinkExt;
	//alert(activate); return;
	if(classN.indexOf("white",classN) > 0) return false;
	
	
	//change active tabs
	if (parseInt(cases) == 1)
	{
		activateleft = document.getElementById(activate+"_left");
		activatemain = document.getElementById(activate);
		activateleft.className = 'tabwhiteleft_'+prefix;
		activatemain.className = 'tabwhite_'+prefix;
		
		deactivatemain = document.getElementById(deactivate1);
		deactivatemain.className = 'tabgrey_'+prefix;
		
		deactivatemain = document.getElementById(deactivate2);
		deactivatemain.className = 'tabgrey_'+prefix;
		
		deactivatemain = document.getElementById(deactivate3);
		deactivatemain.className = 'tabgrey_'+prefix;
		
		document.getElementById('mostactive_right').src = gURI+"images/des1/"+prefix+"-rigthtag-grey.gif"; 
	}
	
	if (parseInt(cases) == 2)
	{
		deactivate1left = document.getElementById(deactivate1+"_left");
		deactivate1left.className = 'tabgreyleft_'+prefix;
		
		deactivate1main = document.getElementById(deactivate1);
		deactivate1main.className = 'tabgrey_'+prefix;
		
		activatemain = document.getElementById(activate);
		activatemain.className = 'tabwhite_'+prefix;
		
		deactivate2main = document.getElementById(deactivate2);
		deactivate2main.className = 'tabgrey_'+prefix;
		
		deactivate3main = document.getElementById(deactivate3);
		deactivate3main.className = 'tabgrey_'+prefix;
		
		document.getElementById('mostactive_right').src = gURI+"images/des1/"+prefix+"-rigthtag-grey.gif"; 
	}
	
	if (parseInt(cases) == 3)
	{
		deactivate1left = document.getElementById(deactivate1+"_left");
		deactivate1left.className = 'tabgreyleft_'+prefix;
		
		deactivate1main = document.getElementById(deactivate1);
		deactivate1main.className = 'tabgrey_'+prefix;
		
		deactivate2main = document.getElementById(deactivate2);
		deactivate2main.className = 'tabgrey_'+prefix;
		
		activatemain = document.getElementById(activate);
		activatemain.className = 'tabwhite_'+prefix;
		
		deactivate3main = document.getElementById(deactivate3);
		deactivate3main.className = 'tabgrey_'+prefix;
		
		document.getElementById('mostactive_right').src = gURI+"images/des1/"+prefix+"-rigthtag-grey.gif"; 
	}
	
	if (parseInt(cases) == 4)
	{
		activatemain = document.getElementById(activate);
		activatemain.className = 'tabwhite_'+prefix;
		
		document.getElementById('mostactive_right').src = gURI+"images/des1/"+prefix+"-rigthtag-white.gif"; 
		
		deactivate1main = document.getElementById(deactivate1);
		deactivate1main.className = 'tabgrey_'+prefix;
		
		deactivate2main = document.getElementById(deactivate2);
		deactivate2main.className = 'tabgrey_'+prefix;
		
		deactivate3main = document.getElementById(deactivate3);
		deactivate3main.className = 'tabgrey_'+prefix;
		
		deactivate3left = document.getElementById(deactivate3+"_left");
		deactivate3left.className = 'tabgreyleft_'+prefix;
	}
	
	//Dactivate(deactivate1,deactivate2,cases);
	
	/*if(nArguments > 6)
	{
		while(nArguments-- > 6) Dactivate(arguments[nArguments]);
	}*/
	
	XMLProcess(xmllink,divid,overdiv);
}

function changepet(cases)
{
	if (parseInt(cases) == 1)
	{
		document.getElementById('change_dog').src = gURI+"images/des1/dog-grey.gif";
		document.getElementById('change_cat').src = gURI+"images/des1/cat-green.gif";  
	}
	if (parseInt(cases) == 2)
	{
		document.getElementById('change_dog').src = gURI+"images/des1/dog-green.gif";
		document.getElementById('change_cat').src = gURI+"images/des1/cat-grey.gif";  
	}	
}	

function Dactivate(deactivate)
{
	deactivateleft = document.getElementById(deactivate+"_left");
	//deactivateright = document.getElementById(deactivate+"_right");
	deactivatemain = document.getElementById(deactivate);
	deactivateleft.className = 'tabgreyleft';
	//deactivateright.className = 'tabgreyright';
	deactivatemain.className = 'tabgrey';
}

function XMLProcess(xmllink,divid,overdiv)
{
	//RefreshBanners(gShowBanners);
	DoWait(divid, overdiv);
	loadXMLDoc(xmllink,"DoEnable('"+overdiv+"')",divid);
}

function XMLProcessSingle(xmllink,divid,overdiv)
{
	//RefreshBanners(gShowBanners);
	DoWait(divid, overdiv);
	loadXMLDoc(xmllink,"DoEnable('"+overdiv+"')",divid);
}

function DoWait(divel,overdiv)
{
	divid = document.getElementById(divel);
	
	//***************************************************//
	//if divel is in HTMLLiElement i.e. draging available//
	//NOTE: getAttribute('parentLiId') <-> parentLiId have to be the id of li element NOT the attribute itemID of the li element//
	//***************************************************//
	var liObjOffsetLeft=0;
	var liObjOffsetTop=0;
	try
	{
		var liId = divid.getAttribute('parentLiId');
		var liObj = document.getElementById(liId);
		liObjOffsetLeft = liObj.offsetLeft;
		liObjOffsetTop = liObj.offsetTop;
	}
	catch (err) {}
	
	if(document.getElementById(overdiv))
	{
		//if is dragable destroy the overdiv ... will be create a new one later to update the new offsets after drag's end
		if(liObjOffsetLeft > 0)
			document.body.removeChild(document.getElementById(overdiv));
		//else just show the old one 
		else 
			document.getElementById(overdiv).style.display='block';
		
		return;
	}
	
	img = gImgPath;
	
	if(divid.style.position == 'absolute') divid.style.position='absolute';
	else divid.style.position='relative';
	
	if(liObjOffsetLeft > 0)
	{
		parentDivTop = parseInt(liObjOffsetTop + 30);
		parentDivLeft = parseInt(liObjOffsetLeft + 5);
	}
	else
	{
		parentDivTop = divid.offsetTop;
		parentDivLeft = divid.offsetLeft;
	}
	
	parentDivWidth = divid.style.width;
	parentDivHeight = divid.style.height;
	//divid.style.position='abosolute';
	
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id',overdiv);
	
	newdiv.style.position='absolute';
	newdiv.style.left = parentDivLeft;
	newdiv.style.top = parentDivTop;
	newdiv.style.width = parentDivWidth;
	newdiv.style.height = parentDivHeight;
	//newdiv.style.background='url('+img+')';
	newdiv.style.backgroundColor='#E3E3E3';
	newdiv.style.backgroundRepeat='repeat';
	newdiv.style.zIndex=1;
	
	newdiv.style.MozOpacity='70';
	newdiv.style.opacity='0.7';
	newdiv.style.filter='alpha(opacity=70)';
	newdiv.style.overflow='auto';
	newdiv.style.display="block";
	
	//set load load in circle icon
	loadCircleImg = gURI + "images/des1/loading_.gif";
	imgTop = parseInt((parseInt(parentDivHeight)/2) - 18) + "px";
	imgLeft = parseInt((parseInt(parentDivWidth)/2) - 18) + "px";
	
	var newImg = document.createElement('img');
	newImg.setAttribute('src',loadCircleImg);
	newImg.style.position="absolute";
	newImg.style.top=imgTop;
	newImg.style.left=imgLeft;

	newdiv.appendChild(newImg);
	
	document.body.appendChild(newdiv);
}

function DoEnable(overdiv)
{
	if(document.getElementById(overdiv)) document.getElementById(overdiv).style.display='none';
}

function ProcesStateAndCity(cid,show)
{
	if (cid == 35 || cid == 221) 
	{
		if(show == 1)
		{
	 		//alert(1);
	 		document.getElementById('stateDropdown').style.display='';
			document.getElementById('cityDropdown').style.display='';
		}
		else
		{
			document.getElementById('stateDropdown').style.display='none';
			document.getElementById('cityDropdown').style.display='none';
			document.getElementById('showstatecity').style.display='';
		}			
	} 
	else 
	{
		document.getElementById('stateDropdown').style.display='';
		document.getElementById('cityDropdown').style.display='';
	}
	
	return true;
}

function ShowStateAndCity(zip,cid,div,overdiv,atype)
{
	if (cid == 35 || cid == 221) 
	{
		if(zip.length > 3)
  	{ 
			dlink = gDispatchDir+"showstatecity.php?zip="+zip+"&cid="+cid+"&t="+atype;
			//alert(dlink);
			loadXMLDoc(dlink,"DoEnable('"+overdiv+"')",div);
			
			document.getElementById('stateDropdown').style.display='none';
			document.getElementById('cityDropdown').style.display='none';
			document.getElementById(div).style.display='';
		}	
	} 
		
	return true;
}

function ShowStateAndCityShelter(zip,cid,div,overdiv)
{
	if (cid == 35 || cid == 221) 
	{
		if(zip.length > 3)
  	{ 
			dlink = gDispatchDir+"showstatecityshelter.php?zip="+zip+"&cid="+cid;
			//alert(dlink);
			loadXMLDoc(dlink,"DoEnable('"+overdiv+"')",div);
			
			document.getElementById('stateDropdown').style.display='none';
			document.getElementById('cityDropdown').style.display='none';
			document.getElementById(div).style.display='';
		}	
	} 
		
	return true;
}

function OnOverMenu(mid)
{	
	for(i=1;i<9;i++)
	{
		tit = document.getElementById('main'+i);
		img = gURI+"images/des1/inactive-btn.jpg";
		tit.style.backgroundImage = 'url('+img+')';
			
		document.getElementById('sub'+i).style.display='none';
	}
	tit = document.getElementById('main'+mid);
	img = gURI+"images/des1/active-btn.jpg";
	tit.style.backgroundImage = 'url('+img+')';
		
	document.getElementById('sub'+mid).style.display='';	
}

function clearS(qm)
{
	if (qm.value == "Search...") qm.value = "";
	return;
}

function Searchp(elid)
{
	sr = document.getElementById(elid);
	
	if (sr.value == "Search...")
	{
		alert("Please enter something");
		return;
	}	
	
	surl = gURI+"search.php?t=1&q="+sr.value;
	parent.location=surl;
}