var t = 0;
var delay = 8000;
$(document).ready(function(){
	t = setTimeout('loopPages()', delay);
	$(".control").click(function(){ showPage($(this).attr("id")); });
	$("#previous").click(function(){ 
		id = $(".selected").prev(".control").attr("id");
		if(id == undefined) id = $(".control:last").attr("id");
		showPage(id);
	});
	$("#next").click(function(){ 
		id = $(".selected").next(".control").attr("id");
		if(id == undefined) id = $(".control:first").attr("id");
		showPage(id);
	});
	$("#home-banner-slider").hover(function(){ 
		clearTimeout(t);
	},function(){ 
		t = setTimeout('loopPages()', delay);
	});
});

function loopPages(){
	id = $(".selected").next(".control").attr("id");
	if(id == undefined) id = $(".control:first").attr("id");
	showPage(id);
}

function showPage(id){
	$(".c").hide();
	$(".control").removeClass("selected");
	$("#"+id).addClass("selected");
	$("#child-"+id).fadeIn();
	clearTimeout(t);
	t = setTimeout('loopPages()', delay);
}