$(document).ready(function(){
	$('#splash1').fadeOut(5000);
	
	var splash1 = setInterval('splash1()', 6000);
	var splash2 = setInterval('splash2()', 10000);
	var hovermenu = false;

	// setup first.
	selected = 0; // first one needs to be selected
	
	panes = $('#banner img'); 	
	// hide the rest
	for (i=1;i<=panes.length;i++)
		$(panes[i]).hide();


	interval = setInterval('rotatePanes()', 7000);

	var currentLoaded = 0;
	images = $("#gallery_list li");


	$('#prev').click(function(){
		currentLoaded--;
		if (currentLoaded < 0)
			currentLoaded = images.length -1;

		$("#galleryImage").attr({src: $(images[currentLoaded]).children('.url').html()});
		$("#titleImage").html($(images[currentLoaded]).children('.title').html());

		//console.log(currentLoaded);
		return false;
	});

	$('#next').click(function(){
		currentLoaded++;
		if (currentLoaded >= images.length)
			currentLoaded = 0;

		$("#galleryImage").attr({src: $(images[currentLoaded]).children('.url').html()});
		$("#titleImage").html($(images[currentLoaded]).children('.title').html());
		//console.log(currentLoaded);
		return false;
	});
});

	function rotatePanes(){
		prevSelected = selected;

		for(i=0;i<= panes.length; i++) {
	 		$(panes[i]).css( 'zIndex', -6 );
	 	}
	
		selected++;
		if (selected>panes.length)
			selected = 0;

		$(panes[selected]).fadeIn(2000, function(){
			$(panes[prevSelected]).hide();
		});

	 	$(panes[selected]).css('zIndex', -5);
	}


	function splash1(){
		$('#splash1').show().fadeOut(7000);
	}
	function splash2(){
		$('#splash2').show().fadeOut(7000);
	}