// JavaScript Document
var images = new Array("/wp-content/uploads/2011/02/homepage_1.jpg","/wp-content/uploads/2011/02/homepage_2.jpg","/wp-content/uploads/2011/02/homepage_3.jpg");
var rolloverImages = new Array("/wp-content/uploads/2011/02/rollover_1.jpg","/wp-content/uploads/2011/02/rollover_2.jpg","/wp-content/uploads/2011/02/rollover_3.jpg");
var rotatorId = "rotator";
var headerId = "headerImage";
var imageAlt = "Home Image";
var imageId = "homeImg";
var imageClass = "homeImage";
var imageAlign = "top";
var rolloverAlt = "Rollover Image";
var rolloverId = "rollover";
var rolloverClass = "rollover";
var rolloverAlign = "top";
var transitionInterval = 10000;
var intervalId = null;

/*$(function(){
	displayImages();
	activateRollover();
});*/

function rotator()
{
	displayImages();
	activateRollover();
}

function headerImages(){
	document.write("<div id="+headerId+">");
	document.getElementById(headerId).innerHTML = '<img src="'+images[0]+'" id="'+imageId+'" class="'+imageClass+'" alt="'+imageAlt+'"/>';
		
	for(var x=(rolloverImages.length-1);x>0;x--)
		$('<img src="'+rolloverImages[x]+'" id="'+rolloverId+x+'" class="'+rolloverClass+'" alt="'+rolloverAlt+x+'"/>').insertAfter('#'+imageId);
	document.write("</div>");
}

function displayImages(){
	document.write("<div id="+rotatorId+">");
	document.getElementById(rotatorId).innerHTML = '<img src="'+images[0]+'" id="'+imageId+'" class="'+imageClass+'" alt="'+imageAlt+'"/>';
		
	for(var x=(rolloverImages.length-1);x>0;x--)
		$('<img src="'+rolloverImages[x]+'" id="'+rolloverId+x+'" class="'+rolloverClass+'" alt="'+rolloverAlt+x+'"/>').insertAfter('#'+imageId);
	document.write("</div>");
}

function activateRollover(){
	for(var x=1;x<images.length;x++)
	{
	$('#'+rolloverId+x).bind('click',function(event){
		rotateImg()});
	}
	if(intervalId)
		clearInterval(intervalId);
	
	intervalId = setInterval("rotateImg()",transitionInterval);
}

function rotateImg()
{
	var lastImage = images[0];
	var lastrolloverImage = rolloverImages[0];

	for(var x=0;x<(images.length-1);x++)
	{
		images[x]=images[x+1];
		rolloverImages[x]=rolloverImages[x+1];
	}

	images[images.length-1]=lastImage;
	rolloverImages[images.length-1]=lastrolloverImage;
	
	$('#'+imageId).replaceWith('<img src="'+images[0]+'" id="'+imageId+'" class="'+imageClass+'" alt="'+imageAlt+'"/>');
	
	for(var x=1;x<(rolloverImages.length);x++)
		$('#'+rolloverId+x).replaceWith('<img src="'+rolloverImages[x]+'" id="'+rolloverId+x+'" class="'+rolloverClass+'" alt="'+rolloverAlt+x+'"/>');
		
	activateRollover();
}