var timerMouseOver = null;
var timerMouseOut = null;
var connectlinevar='';
var spanvar='';
function initRollovers() {
	var rollovers = $$('.rollover');
	rollovers.each(function(rollover) {
		Event.observe(rollover,'mouseover',imgMouseOver.bindAsEventListener(this));
		Event.observe(rollover,'mouseout',imgMouseOut.bindAsEventListener(this));
	}.bind(this));
}

function imgMouseOver(event) {
	obj = Event.element(event);
	if(timerMouseOut!=null)
	{
		window.clearTimeout(timerMouseOut);
		timerMouseOut=null;
	}
	if(timerMouseOver!=null)
	{
		window.clearTimeout(timerMouseOver);
		timerMouseOut=null;
	}
	if(obj.id!=null) 
		{
		if(obj.id!='')
			{
			timerMouseOver = window.setTimeout(function(){ShowInfo(obj);},500);
			//ShowInfo(obj);
			}
		}
	
}

function imgMouseOut(event) {
	if(timerMouseOut!=null)
	{
		window.clearTimeout(timerMouseOut);
		timerMouseOut=null;
	}
	if(timerMouseOver!=null)
	{
		window.clearTimeout(timerMouseOver);
		timerMouseOut=null;
	}
	obj = Event.element(event);
	timerMouseOut = window.setTimeout(function(){HideInfo(obj);}, 250);
}

function ShowInfo(obj) {
	var STID=new String();
	var tempObj = $(spanvar);
	if(tempObj!=null)
	{
		tempObj.removeClassName("boldborder");
		tempObj.addClassName("noborder");
		spanvar='';
	}
	if(obj.id!=null) 
	{
		if(obj.id!='')
			{
			STID=obj.id;
			STID=STID.substr(STID.indexOf("_")+1);
			if(timerMouseOut!=null)
			{
				window.clearTimeout(timerMouseOut);
				timerMouseOut=null;
			}
			if(timerMouseOver!=null)
			{
				window.clearTimeout(timerMouseOver);
				timerMouseOut=null;
			}
			var i,j;
			var objTemp,objTemp1;
			objTemp=$(connectlinevar);
			if(objTemp!=null)
				objTemp.hide();
			
			var firstbook=true,firstcd=true,firstdvd=true,firstgame=true;
			var sBook="",sCD="",sDVD="",sGames="";
			for(i=0;i<=givingItems.givingItem.length-1;i++)
				{
					if(STID==givingItems.givingItem[i].givingSTID)
						{
						
							Position.clone($("rightAnchor"), $("BigResults"));
							//$("rightside").hide();
							objTemp=$("ConnectLine" + STID);
							connectlinevar="ConnectLine" + STID;
							if(objTemp!=null)
							{
								objTemp.show();
							}
							//$("CDhead").hide();
							
							//show total items can be recieved
							objTemp=document.getElementById('span_totalitems');
							objTemp.innerHTML='receive ' + givingItems.givingItem[i].totalitems;
							
							//show total number of items in each mediatype
							document.getElementById('span_totalbooks').innerHTML=givingItems.givingItem[i].noofbooks;
							document.getElementById('span_totalcds').innerHTML=givingItems.givingItem[i].noofcds;
							document.getElementById('span_totaldvds').innerHTML=givingItems.givingItem[i].noofdvds;
							document.getElementById('span_totalgames').innerHTML=givingItems.givingItem[i].noofvideogames;
							
							//show item name						
							objTemp=null;
							objTemp=document.getElementById('span_itemname');
							if(objTemp!=null)
							{
								var tempStr = givingItems.givingItem[i].title;
								if (tempStr.length>30 && tempStr.length<44)
									tempStr = "<br>&nbsp;&nbsp;" + tempStr;
								objTemp.innerHTML=tempStr;
							}
							if(givingItems.givingItem[i].receivingItems!=null)
							{
								for(j=0;j<=givingItems.givingItem[i].receivingItems.length-1;j++)
									{
										//if media type is book
										if(givingItems.givingItem[i].receivingItems[j].mediatype=='1')
										{
											sBook=sBook + '<b>' + givingItems.givingItem[i].receivingItems[j].title + '</b> - ' + givingItems.givingItem[i].receivingItems[j].author + '<br>'
											if(firstbook==true)
												{
													//for the first element show image
													firstbook=false;
													objTemp=document.getElementById('img_books');
													objTemp.style.visibility="visible";
													objTemp.src= givingItems.givingItem[i].receivingItems[j].imagePath;
												}
											
										}
										//if media type is cds
										else if(givingItems.givingItem[i].receivingItems[j].mediatype=='2')
										{
											sCD=sCD + '<b>' + givingItems.givingItem[i].receivingItems[j].title + '</b> - ' + givingItems.givingItem[i].receivingItems[j].author + '<br>'
											if(firstcd==true)
												{
													//for the first element show image
													firstcd=false;
													objTemp=document.getElementById('img_cds');
													objTemp.style.visibility="visible";
													objTemp.src= givingItems.givingItem[i].receivingItems[j].imagePath;
												}
										}
										//if media type is dvds
										else if(givingItems.givingItem[i].receivingItems[j].mediatype=='3')
										{
											sDVD=sDVD + '<b>' + givingItems.givingItem[i].receivingItems[j].title + '</b> - ' + givingItems.givingItem[i].receivingItems[j].author + '<br>'
											if(firstdvd==true)
												{
													//for the first element show image
													firstdvd=false;
													objTemp=document.getElementById('img_dvds');
													objTemp.style.visibility="visible";
													objTemp.src= givingItems.givingItem[i].receivingItems[j].imagePath;
												}
										}
										//if media type is games
										else if(givingItems.givingItem[i].receivingItems[j].mediatype=='4')
										{
											sGames=sGames + '<b>' + givingItems.givingItem[i].receivingItems[j].title + '</b> - ' + givingItems.givingItem[i].receivingItems[j].author + '<br>'
											if(firstgame==true)
												{
													//for the first element show image
													firstgame=false;
													objTemp=document.getElementById('img_games');
													objTemp.style.visibility="visible";
													objTemp.src= givingItems.givingItem[i].receivingItems[j].imagePath;
												}
										}
									}
								}
								
								document.getElementById('div_books').innerHTML=sBook;
								document.getElementById('div_cds').innerHTML=sCD;
								document.getElementById('div_dvds').innerHTML=sDVD;
								document.getElementById('div_games').innerHTML=sGames;
						
								if (sBook=="")
									{
										objTemp=document.getElementById('img_books');
												objTemp.src='';
												objTemp.style.visibility="hidden";
									}
								if (sCD=="")
									{
										objTemp=document.getElementById('img_cds');
												objTemp.src='';
												objTemp.style.visibility="hidden";
									}
								if (sDVD=="")
									{
										objTemp=document.getElementById('img_dvds');
												objTemp.src='';
												objTemp.style.visibility="hidden";
									}
								if (sGames=="")
									{
										objTemp=document.getElementById('img_games');
												objTemp.src='';
												objTemp.style.visibility="hidden";
									}
								break;	
							}
					}
			}
	}
	timerMouseOver = null;
	var objTemp = $("span2_"+STID)
	if(objTemp!=null) {
	objTemp.removeClassName("noborder");
	objTemp.addClassName("boldborder");
	};
		
	$("BigResults").show();
	spanvar= "span2_"+STID;
}

function HideInfo(obj) {
		var objTemp;
		if(timerMouseOut!=null)
			{
				window.clearTimeout(timerMouseOut);
				timerMouseOut=null;
			}
		if(timerMouseOver!=null)
			{
				window.clearTimeout(timerMouseOver);
				timerMouseOut=null;
			}
		objTemp=$(spanvar);
		if(objTemp!=null)
		{
			objTemp.removeClassName("boldborder");
			objTemp.addClassName("noborder");
			spanvar='';
		}
		var STID=new String();
		$("BigResults").hide();
		objTemp=$(connectlinevar);
		if(objTemp!=null)
			objTemp.hide();
		$("rightside").show();
		$("leftside").show();
		//$("CDhead").show();
		//$("bookheadline").show();
		
}

function ShowDropdown() {
	Effect.Appear("HowDropdown", {duration:0.7});
	$("HowButton").hide();	
}

function HideDropdown() {
	$("HowDropdown").hide();
	Effect.Appear("HowButton", {duration:0.5});
}