var panels = new Array(); 

$(document).ready(function(){	
	var total = $('.panel').size();
	$('#total').text(total);
	var current = 1;
	$('#current').text(current);
	var playing = true;
	var buttonControl = true;
	
	$('.panel:eq(0)').css("display", "block");
	
	if (buttonControl == true){
		$('#prev').click(function(){ if (buttonControl == true){change("prev", "click");} });
		
		$('#next').click(function(){ if (buttonControl == true){change("next", "click");} });
		
		$('#playpause').click(function() { 
			(playing == true) ? playing = false : playing = true;
			(playing == true) ? $('#playpause').css({ 'background-position' : '-17px 0px' }) : $('#playpause').css({ 'background-position' : '0px 0px' });
		});
	}
	
	function change(direction, action) {
		var frame = parseInt($('#current').text()-1);
		
		if (action == "click") {
			playing = false;
			$('#playpause').css({ 'background-position' : '0px 0px' })
		}
		
		if (direction == "next"){
				var transition = parseInt(frame+1);
				(transition < total) ? "" : transition = 0;
		} else if (direction == "prev") {
				var transition = parseInt(frame-1);
				(transition < 0) ? transition = total-1 : "";
		}
			
		if ($.browser.msie && $.browser.version < 7) {
			$('.panel:eq(' + frame + ')').css("display", "none");
			$('.panel:eq(' + transition + ')').css("display", "block");
		} else {
			buttonControl = false;
			$('.panel:eq(' + frame + ')').fadeOut("normal", function() {
			$('.panel:eq(' + transition + ')').fadeIn("normal", function(){buttonControl = true;});
			});
		}
		$('#current').text(parseInt(transition+1));
	}
	
	$.timer(6000, function (timer) { (playing == true) ? change("next", "auto") : ""; });

	$('#prev').mouseover(function() { $(this).css({ 'background-position' : '-34px -13px' }) });
	$('#prev').mouseout(function() { $(this).css({ 'background-position' : '-34px 0px' }) });
	$('#next').mouseover(function() { $(this).css({ 'background-position' : '-51px -13px' }) });
	$('#next').mouseout(function() { $(this).css({ 'background-position' : '-51px 0px' }) });
	
	$('#playpause').mouseover(function() {
		(playing == true) ? $('#playpause').css({ 'background-position' : '-17px -13px' }) : $('#playpause').css({ 'background-position' : '0px -13px' })
	});
	
	$('#playpause').mouseout(function() {
		(playing == true) ? $('#playpause').css({ 'background-position' : '-17px 0px' }) : $('#playpause').css({ 'background-position' : '0px 0px' })
	});
});