var panels = new Array(); 

$(document).ready(function(){
						  
	var total = $('.rpanel').size();
	$('#total').text(total);
	var current = 1;
	$('#current').text(current);
	var playing = true;
	var buttonControl = true;
	
	$('.rpanel: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-image","url(/images/panels/pause.jpg)") : 
			$('#playpause').css("background-image","url(/images/panels/play.jpg)");
		});
	}
	
	function change(direction, action) {
		var frame = parseInt($('#current').text()-1);
		
		if (action == "click") {
			playing = false;
			$('#playpause').css("background-image","url(/images/panels/play.jpg)");
		}
		
		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) {
			$('.rpanel:eq(' + frame + ')').css("display", "none");
			$('.rpanel:eq(' + transition + ')').css("display", "block");
		} else {
			buttonControl = false;
			$('.rpanel:eq(' + frame + ')').fadeOut("normal", function() {
			$('.rpanel:eq(' + transition + ')').fadeIn("normal", function(){buttonControl = true;});
			});
		}
		$('#current').text(parseInt(transition+1));
	}
	
	$.timer(10000, function (timer) { (playing == true) ? change("next", "auto") : ""; });
	
	
	
 	
});