var currentPlayer=null;
var currentFile;
var currentImage;

function removeOldPlayer() {

}


function createPlayer(thePlace, theFile, theImage, go) {

}
		
function Highlight(numbertohighlight,highlighted,length)
{
	for(var i = 1; i <= length; i++){
		
		var Lefty = document.getElementById('left'+i);
		var Righty = document.getElementById('right'+i);
		var Shim = document.getElementById('shim'+i);
		
		
		Lefty.className = "hidingleft";
		Righty.className = "hidingright";
		Shim.className = "";
		
		
		if(i == numbertohighlight)
		{
			Lefty.className = "showingleft";
			Righty.className = "showingright";
			Shim.className = "showing";
		}
		
		
	}
	
	var LeftyHighlighted = document.getElementById('left'+highlighted);
	var RightyHighlighted = document.getElementById('right'+highlighted);
	var ShimHighlighted = document.getElementById('shim'+highlighted);
	
	if(LeftyHighlighted != null)
	{
		LeftyHighlighted.className = "showingleft";
		RightyHighlighted.className = "showingright";
		ShimHighlighted.className = "showing";
	}

}
function RemoveHightlight(length,highlighted)
{
	for(var i = 1; i <= length; i++){
		
		var Lefty = document.getElementById('left'+i);
		var Righty = document.getElementById('right'+i);
		var Shim = document.getElementById('shim'+i);
		
		
		Lefty.className = "hidingleft";
		Righty.className = "hidingright";
		Shim.className = "";
			
		
	}
	
	var LeftyHighlighted = document.getElementById('left'+highlighted);
	var RightyHighlighted = document.getElementById('right'+highlighted);
	var ShimHighlighted = document.getElementById('shim'+highlighted);
	
	if(LeftyHighlighted != null)
	{
		LeftyHighlighted.className = "showingleft";
		RightyHighlighted.className = "showingright";
		ShimHighlighted.className = "showing";
	}
	
}
function resetImage(){
		
		
	for(var i =1; i <= 7 ; i++)
	{

		var ImageShow = document.getElementById('state'+i);
		if ( ImageShow != null)
		{
			ImageShow.className = "hide"; 
			
			if(i > 1)
			{
				var BlobShow = document.getElementById('blob'+i);
				BlobShow.className = "hide";
			}
		}
		
	}
	
	var ImageShowHidden = document.getElementById('state1');
	if ( ImageShowHidden != null)
	{
		ImageShowHidden.className = "show"; 
	}
		
}

function loadImages(){
	pic1= new Image(980,463); 
 	pic1.src="images/homepage/elements-show1.jpg"; 	
	
	pic2= new Image(980,463); 
 	pic2.src="images/homepage/elements-show2.jpg"; 	
	
	pic3= new Image(980,463); 
 	pic3.src="images/homepage/elements-show3.jpg"; 	
	
	pic4= new Image(980,463); 
 	pic4.src="images/homepage/elements-show4.jpg"; 	
	
	pic5= new Image(980,463); 
 	pic5.src="images/homepage/elements-show5.jpg"; 	
	
	pic6= new Image(980,463); 
 	pic6.src="images/homepage/elements-show6.jpg"; 	
	
	
}

function ShowPicture(showimage)
{
	
	for(var i =1; i <= 7 ; i++)
	{
		var ImageShow = document.getElementById('state'+i);
		
		
		ImageShow.className = "hide"; 
		
		if(i > 1)
		{
			var BlobShow = document.getElementById('blob'+i);
			BlobShow.className = "hide";
		}
		
	}
	
	document.getElementById('state'+showimage).className = "show";
	document.getElementById('blob'+showimage).className = "show";
	
}