// JavaScript Document


//Set display of all images to none, all caption text, and all of the numbered buttons to their initial states 
function initPicSwap() 
{ 

$(" .one,  .two,  .three, .four,   .five").css("display", "none");
$("img#btn1").attr("src","/Media/Images/graphics/icon-PicBox-1.gif");
$("img#btn2").attr("src","/Media/Images/graphics/icon-PicBox-2.gif");
$("img#btn3").attr("src","/Media/Images/graphics/icon-PicBox-3.gif");
$("img#btn4").attr("src","/Media/Images/graphics/icon-PicBox-4.gif");
$("img#btn5").attr("src","/Media/Images/graphics/icon-PicBox-5.gif");
}


$(document).ready(function() {




	initPicSwap();
	
	var rand = Math.floor(Math.random()*5 + 1);
	var randClass = 1
	switch(rand)
	{
	case (1):
	randClass = $(" .one");
	$("#btn1").attr("src","/Media/Images/graphics/icon-PicBox-1-Over.gif");
		break
		case (2):
	randClass = $(" .two");
	$("#btn2").attr("src","/Media/Images/graphics/icon-PicBox-2-Over.gif");
		break
		case (3):
	randClass = $(" .three");
	$("#btn3").attr("src","/Media/Images/graphics/icon-PicBox-3-Over.gif");
		break
		case (4):
	randClass = $(" .four");
	$("#btn4").attr("src","/Media/Images/graphics/icon-PicBox-4-Over.gif");
		break
		case (5):
	randClass = $(" .five");
	$("#btn5").attr("src","/Media/Images/graphics/icon-PicBox-5-Over.gif");
		break
		}
	


	$("#picSwap").attr("src","/Media/Images/graphics/picBox/Home-" + rand + ".jpg");
	
	
	$(randClass).css("display", "block");
	
	
	$("#btn1").click(function(){
	initPicSwap();
	$(this).attr("src","/Media/Images/graphics/icon-PicBox-1-Over.gif");
	$("#picSwap").fadeIn(300).attr("src","/Media/Images/graphics/picBox/Home-1.jpg");
	$(" .one").css("display", "block");
  });

$("#btn2").click(function(){
	initPicSwap();
	$(this).attr("src","/Media/Images/graphics/icon-PicBox-2-Over.gif"); 
	$("#picSwap").fadeIn(300).attr("src","/Media/Images/graphics/picBox/Home-2.jpg");
	$(" .two").css("display", "block");
  });

$("#btn3").click(function(){
	initPicSwap();
	$(this).attr("src","/Media/Images/graphics/icon-PicBox-3-Over.gif");
	$("#picSwap").fadeIn(300).attr("src","/Media/Images/graphics/picBox/Home-3.jpg");
	$(" .three").css("display", "block");
  });

$("#btn4").click(function(){
	initPicSwap();
	$(this).attr("src","/Media/Images/graphics/icon-PicBox-4-Over.gif");
	$("#picSwap").fadeIn(300).attr("src","/Media/Images/graphics/picBox/Home-4.jpg");
	$(" .four").css("display", "block");
  });

$("#btn5").click(function(){
	initPicSwap();
	$(this).attr("src","/Media/Images/graphics/icon-PicBox-5-Over.gif");
	$("#picSwap").fadeIn(300).attr("src","/Media/Images/graphics/picBox/Home-5.jpg");
	$(" .five").css("display", "block");
  });

});