// JavaScript Document

var bgImgs=new Array(); 
bgImgs[0]="images/hpbanner_newcastle.jpg";  
bgImgs[1]="images/hpbanner_newcastle_lighthouse.jpg";       
bgImgs[2]="images/hpbanner_durham.jpg";
bgImgs[3]="images/hpbanner_northumberland.jpg";
var i = 1;
var previ = 0;
var clearOut = "nothing";

function SwapBg() {
	var bgUrl = bgImgs[i];
	var bgPrevurl = "url("+bgImgs[previ]+")";
	$("#hpbanner").fadeOut();
	$("#compositePanel").css("background-image",bgPrevurl);
	setTimeout(function(){$("#hpbanner").attr("src",bgUrl)},500);
	setTimeout(function(){$("#hpbanner").fadeIn()},1000);
	i++;
	previ++;
	if (i == 4){	
	i = 0;
	}
	if (previ == 4) { 
	previ = 0;
	}
	
}

function rollUp() {
clearTimeout();
$(".down").slideUp("slow").removeClass("down").css("margin-left", "-850px");	
}

function timer() {
	clearOut = setTimeout("rollUp()", 30000);
}
	

$(document).ready(function() {
	setInterval(function(){SwapBg()},5000);
	
	
		$("a.infogo").click(function(event) {
		event.preventDefault();
		var infoShow = $(this).attr("rel");
			
			if ($(infoShow).hasClass("down"))  {
			// do nothing
			} else {
			clearTimeout(clearOut);
			$(".down").animate({marginLeft:'822px'},350).addClass("resetMe");
			setTimeout(function() {$(".resetMe").css("margin-left", "-850px").removeClass("down").removeClass("resetMe")} ,500);
			$(infoShow).css("display", "block").addClass("down").animate({marginLeft:'0px'},350);
			timer();
			}
});

	
});