$(document).ready(function() {
	pngfix();
	
	if (!$("#panelswitch0")) return;
	
	var panels = [
		"images/home_panel_1.gif",
		"images/home_panel_2.png",
		"images/home_panel_3.gif"
	];
	
	var current = 0;
	var last = 3;
	var div = $("#panel");
	var tid = 0;
	
	
	function shownext() {
		var x = current + 1;
		if (x >= panels.length) x = 0;
		show(x);
		
	}
	
	function show(n) {
		clearInterval(tid);
		last = current;
		current = n;
		
		div.fadeOut("slow", function() {
			div.css("background", "url('"+panels[n]+"') no-repeat");
			
			
			$("#panelswitch" + n).removeAttr("href");
			$("#panelswitch" + n).addClass("picked");
			$("#panelswitch" + n).removeClass("notpicked");
			$("#panelswitch" + last).addClass("notpicked");
			$("#panelswitch" + last).removeClass("picked");
			$("#panelswitch" + last).attr("href", "#");
			
			div.fadeIn("slow");
		});
		interval();

		
	}
	
	function interval() {
		tid = setInterval(shownext, 12000);
	}

	interval();

	$("#panelswitch0").click(function() {show(0);});
	$("#panelswitch1").click(function() {show(1);});
	$("#panelswitch2").click(function() {show(2);});

});