// JavaScript Document

function getDim(el)
		{ // Get Absolute Value of nonPositioned Control
	       for (var lx=0,ly=0;el!=null;
	      lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
           return {x:lx,y:ly}
		}

function DisplayFlag(param)
		{
			//alert(param.id);
			var x = getDim(param).x;
			var y = getDim(param).y + 15;
			//alert(x);
			
			if ((param.id)=="btParticipate")    // checking is it Participate
			{
				var flagbox = document.getElementById("divParticipate");		
			}
			
			else if ((param.id)=="btShop")
			{
			var flagbox = document.getElementById("divShop");  //  checking is it shop
			
			}
			
			
			else if ((param.id)=="btVote")
			{
			var flagbox = document.getElementById("divVote");  //  checking is it Vote
			
			}
			
			else if ((param.id)=="btAffiliate")
			{
			var flagbox = document.getElementById("divAffiliate");  //  checking is it Affiliate
			
			}
			
			else
			{			
			var flagbox = document.getElementById("divCCare");  //  checking is it Vote			
			}
			
			// declaring veriable for buttons releted div 
			var flagbox_close = document.getElementById("divParticipate"); //divParticipate
			var flagbox_close1 = document.getElementById("divShop"); 	   //divShop
			var flagbox_close2 = document.getElementById("divVote"); 	   //divVote
			var flagbox_close3 = document.getElementById("divCCare"); 	   //divCCare
			var flagbox_close4 = document.getElementById("divAffiliate"); 	   //divAffiliate
			
			
			var btParticipate = document.getElementById("btParticipate"); //participate button
			var btParticipate_over = document.getElementById("btParticipate_over"); //participate_over button
			var btShop = document.getElementById("btShop"); //shop button
			var btShop_over = document.getElementById("btShop_over"); //shop_over button
			var btVote = document.getElementById("btVote"); //Vote button
			var btVote_over = document.getElementById("btVote_over"); //Vote_over button
			var btCCare = document.getElementById("btCustomerCare"); //Customer care button
			var btCCare_over = document.getElementById("btCustomerCare_over"); //Customer care_over button
			var btAffiliate = document.getElementById("btAffiliate"); //Affiliate button
			var btAffiliate_over = document.getElementById("btAffiliate_over"); //Affiliate_over button
			
			
			var imgBt;   	 // for normal button
			var imgBt_over; 	 // for over button 
			
			imgBt     = document.getElementById(param.id);
			imgBt_over = param.id;
			imgBt_over = imgBt_over+"_over";
			
			imgBt_over = document.getElementById(imgBt_over);
			
			
			
			// here closing all possible open button divs
			
				flagbox_close.style.display="none";
				flagbox_close1.style.display="none";
				flagbox_close2.style.display="none";
				flagbox_close3.style.display="none";
				flagbox_close4.style.display="none";
				btParticipate_over.style.display="none";
				btShop_over.style.display="none";
				btVote_over.style.display="none";
				btCCare_over.style.display="none";
				btAffiliate_over.style.display="none";
				
				btParticipate.style.display="block";
				btShop.style.display="block";
				btVote.style.display="block";
				btCCare.style.display="block";
				btAffiliate.style.display="block";
						
			
			flagbox.style.display="block";
			imgBt.style.display="none";
			imgBt_over.style.display="block";
			
			if ((param.id)=="btCustomerCare")
			{
			//alert("s");
				flagbox.style.left = x -117  + "px";
				flagbox.style.top = y - 40 + "px";
			}
			
			
			
			else
			{
				flagbox.style.left = x - 0  + "px";
				flagbox.style.top = y - 40 + "px";
			}
}