// JavaScript Document

var currentPosition = 0;
var slideWidth = 900;
var slides;
var numberOfSlides;
var timeout = 1000*6;
var play;

$(document).ready(function(){
	slides = $(".slide");
	numberOfSlides = slides.length;
	
	$("#wrapper")	.css("overflow","hidden");
	
	slides	.wrapAll("<div id='slideInner' />")
			.css({'float':'left','width' : slideWidth});
	
	$("#slideInner")	.css("width",slideWidth*numberOfSlides);
	
	play = false;
	setTimeout("nextSlide()",timeout);
});


function nextSlide(){
	if(play){
		currentPosition = (currentPosition+1 >= slides.length) ? 0 : currentPosition+1;
		slideTime = (currentPosition==0) ? numberOfSlides * 4000 : 4000;
		$('#slideInner')	.animate({'marginLeft':slideWidth*(-currentPosition)},"swing");
		
		$(".bullet")	.attr("src","/images/icons/bullet_blue.png");
		highlight = "#bullet"+currentPosition+"Btn";
		$(highlight)	.attr("src","/images/icons/bullet_white.png");
	}
	
	setTimeout("nextSlide()",timeout);
}

function playPause(){
	if(play==true){
		$("#playPauseBtn").attr("src","/images/icons/control_play_blue.png");
		play = false;
	}else{
		$("#playPauseBtn").attr("src","/images/icons/control_pause_blue.png");
		play = true;
	}
	
	//change play/pause image
}

function goto(slide){
	currentPosition = slide;
	$('#slideInner')	.animate({'marginLeft':slideWidth*(-currentPosition)});
	
	$(".bullet")	.attr("src","/images/icons/bullet_blue.png");
	highlight = "#bullet"+currentPosition+"Btn";
	$(highlight)	.attr("src","/images/icons/bullet_white.png");
}