var totalPromos; //the number of featured coins
var displayedPromos; //the number of visable promos.

function showPopup(Index)
{
	document.getElementById("popup" + (Index - 1)).style.visibility = "visible";
}

function hidePopups()
{
	var i;
	
	for (i = 1; i <= displayedPromos; i++)
		document.getElementById("popup" + i).style.visibility = "hidden";
}

function reOrderIcons()
{
	var tempDiv;
	var tempDiv2;
	var i;
	
	if (document.getElementById("scroller").scrollLeft == 133 * (totalPromos - (totalPromos - 2)))
	{
		tempDiv = document.getElementById("coin" + 1).innerHTML;
		tempDiv2 = document.getElementById("coin_desc" + 1).innerHTML;
		
		for (i = 1; i < totalPromos; i++)
		{
			document.getElementById("coin" + i).innerHTML = document.getElementById("coin" + (i + 1)).innerHTML;
			document.getElementById("coin_desc" + i).innerHTML = document.getElementById("coin_desc" + (i + 1)).innerHTML;
		}
		
		document.getElementById("coin" + totalPromos).innerHTML = tempDiv;
		document.getElementById("coin_desc" + totalPromos).innerHTML = tempDiv2;
		
		document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 133;
	}
	else if (document.getElementById("scroller").scrollLeft == 0)
	{
		tempDiv = document.getElementById("coin" + totalPromos).innerHTML;
		tempDiv2 = document.getElementById("coin_desc" + totalPromos).innerHTML;
		
		for (i = totalPromos; i > 1; i--)
		{
			document.getElementById("coin" + i).innerHTML = document.getElementById("coin" + (i - 1)).innerHTML;
			document.getElementById("coin_desc" + i).innerHTML = document.getElementById("coin_desc" + (i - 1)).innerHTML;
		}
		
		document.getElementById("coin" + 1).innerHTML = tempDiv;
		document.getElementById("coin_desc" + 1).innerHTML = tempDiv2;
		
		document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 133;
	}
	
	for (i = 1; i <= displayedPromos; i++)
		document.getElementById("popup" + i).innerHTML = document.getElementById("coin_desc" + (i + 1)).innerHTML;
}

function navMouseEvents(identifier, action)
{
	switch(identifier)
	{
		case "left":
			switch(action)
			{
				case "in":
					document.getElementById("left_arw").src = "/images/feat_coin_l_arrow_in.gif";
					break
				case "out":
					document.getElementById("left_arw").src = "/images/feat_coin_l_arrow_out.gif";
					break
				case "clickdown":
					document.getElementById("left_arw").src = "/images/feat_coin_l_arrow_click.gif";
					
					//for some reason this didn't work in a loop
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 100);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 125);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 150);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 175);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 200);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 225);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 250);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 275);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 300);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 325);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 350);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 375);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 400);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 425);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 450);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 475);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 500);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 525);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 550);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 575);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 600);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 625);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 650);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 675);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 700);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 5;', 725);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft + 3;', 750);
					setTimeout('reOrderIcons();', 750);
					break
				case "clickup":
					document.getElementById("left_arw").src = "/images/feat_coin_l_arrow_h.gif";
			}
			break
			
		case "right":
			switch(action)
			{
				case "in":
					document.getElementById("right_arw").src = "/images/feat_coin_r_arrow_in.gif";
					break
				case "out":
					document.getElementById("right_arw").src = "/images/feat_coin_r_arrow_out.gif";
					break
				case "clickdown":
					document.getElementById("right_arw").src = "/images/feat_coin_r_arrow_click.gif";
					
					//for some reason this didn't work in a loop
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 100);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 125);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 150);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 175);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 200);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 225);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 250);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 275);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 300);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 325);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 350);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 375);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 400);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 425);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 450);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 475);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 500);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 525);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 550);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 575);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 600);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 625);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 650);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 675);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 700);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 5;', 725);
					setTimeout('document.getElementById("scroller").scrollLeft = document.getElementById("scroller").scrollLeft - 3;', 750);
					setTimeout('reOrderIcons();', 750);
					break
				case "clickup":
					document.getElementById("right_arw").src = "/images/feat_coin_r_arrow_h.gif";
			}
	}	
}