//image directory initialisation
var images_directory = "/images/";
var press_images_directory = "/images/press/slideshow/";

//image array initialisation
var preLoad = new Object();
var preLoadSlideshow = new Array();

//div ids on the page
var bg_div_id = "banner";
var bg_img_id = "bg-image";
var slideshow_div_id = "slideshow";
var slideshow_img_id = "slideshow-image";
	
//background settings
var bg_p = 9;
var speed = 3;

preLoadSlideshow[17] = new Image();
preLoadSlideshow[17].src = press_images_directory + "Press-Slideshow-18.jpg";

preLoadSlideshow[16] = new Image();
preLoadSlideshow[16].src = press_images_directory + "Press-Slideshow-17.jpg";

preLoadSlideshow[15] = new Image();
preLoadSlideshow[15].src = press_images_directory + "Press-Slideshow-16.jpg";

preLoadSlideshow[14] = new Image();
preLoadSlideshow[14].src = press_images_directory + "Press-Slideshow-15.jpg";

preLoadSlideshow[13] = new Image();
preLoadSlideshow[13].src = press_images_directory + "Press-Slideshow-14.jpg";

preLoadSlideshow[12] = new Image();
preLoadSlideshow[12].src = press_images_directory + "Press-Slideshow-13.jpg";

preLoadSlideshow[11] = new Image();
preLoadSlideshow[11].src = press_images_directory + "Press-Slideshow-12.jpg";

preLoadSlideshow[10] = new Image();
preLoadSlideshow[10].src = press_images_directory + "Press-Slideshow-11.jpg";

preLoadSlideshow[9] = new Image();
preLoadSlideshow[9].src = press_images_directory + "Press-Slideshow-09.jpg";

preLoadSlideshow[8] = new Image();
preLoadSlideshow[8].src = press_images_directory + "Press-Slideshow-10.jpg";

preLoadSlideshow[7] = new Image();
preLoadSlideshow[7].src = press_images_directory + "Press-Slideshow-11.jpg";

preLoadSlideshow[6] = new Image();
preLoadSlideshow[6].src = press_images_directory + "Press-Slideshow-07.jpg";

preLoadSlideshow[5] = new Image();
preLoadSlideshow[5].src = press_images_directory + "Press-Slideshow-01.jpg";

preLoadSlideshow[4] = new Image();
preLoadSlideshow[4].src = press_images_directory + "Press-Slideshow-02.jpg";

preLoadSlideshow[3] = new Image();
preLoadSlideshow[3].src = press_images_directory + "Press-Slideshow-03.jpg";

preLoadSlideshow[2] = new Image();
preLoadSlideshow[2].src = press_images_directory + "Press-Slideshow-04.jpg";

preLoadSlideshow[1] = new Image();
preLoadSlideshow[1].src = press_images_directory + "Press-Slideshow-05.jpg";

preLoadSlideshow[0] = new Image();
preLoadSlideshow[0].src = press_images_directory + "Press-Slideshow-06.jpg";

var slideshow_p = preLoadSlideshow.length;
var slideshow_image_no = preLoadSlideshow.length - 1;

//pre-load all the images
for (i = 0; i < bg_p; i++) {
	number = i+5;
		preLoad[number] = new Image();
			preLoad[number].src = images_directory + "top-bg-" + number + ".jpg";
}

// beer list bg
preLoad[248] = new Image();
preLoad[248].src = images_directory + "top-bg-248.jpg"

// what's on bg
preLoad[293] = new Image();
preLoad[293].src = images_directory + "top-bg-293.jpg";

// blog bg
preLoad[296] = new Image();
preLoad[296].src = images_directory + "top-bg-296.jpg";

//function to change images
function change_image(prevIMGsrc, nextIMGsrc, divID, imgID)
{	
	try {
	
		var timer = 0;
		
		var div = document.getElementById(divID);
		var img = document.getElementById(imgID);
		
		//set the current image as background 
		div.style.background = "url(" + prevIMGsrc + ") center bottom no-repeat";
		
		//make image transparent 
		changeOpac(0, imgID);
		
		//make new image
		img.src = nextIMGsrc;
		
		//fade image in
		for(i = 0; i <= 100; i++)
		{ 
			setTimeout("changeOpac(" + i + ",'" + imgID + "')",(timer * speed)); 
			timer++;
		}
	}
	catch(err) {
		// catch the error
	}
}

//change the opacity for different browsers 
function changeOpac(opacity, imgID) {
	var img = document.getElementById(imgID);
    img.style.opacity = (opacity / 100); 
    img.style.MozOpacity = (opacity / 100); 
    img.style.KhtmlOpacity = (opacity / 100); 
    img.style.filter = "alpha(opacity=" + opacity + ")"; 
}

function bg_over(id) {
	
	try {
		if (id != current ) {
		
			//set previous image
			prevIMGsrc = preLoad[current].src;
			
			//change image
			nextIMGsrc = preLoad[id].src;
			change_image(prevIMGsrc, nextIMGsrc, bg_div_id, bg_img_id);
			
			//change the background back to blue
			// document.getElementById(bg_div_id).style.backgroundImage = "url(" + blue.src + ")";
		}
	}
	catch(err) {
		// catch the error
	}
}

function bg_out(id) {
	
	try {
		if (id != current ) {
		
			//set previous image
			prevIMGsrc = preLoad[id].src;
			
			//change image
			nextIMGsrc = preLoad[current].src;
			change_image(prevIMGsrc, nextIMGsrc, bg_div_id, bg_img_id);
			
			//change the background back to blue
			// document.getElementById(bg_div_id).style.backgroundImage = "url(" + blue.src + ")";
		}
	}
	catch(err) {
		// catch the error
	}
}

//function to change images
function slideshow_change()
{	

	try {
		//set previous image
		prevIMGsrc = preLoadSlideshow[slideshow_image_no].src;
		
		//change image number
		slideshow_image_no = ((slideshow_image_no -1) +slideshow_p) % slideshow_p;
		
		//set next image
		nextIMGsrc = preLoadSlideshow[slideshow_image_no].src;
		
		// change the image
		change_image(prevIMGsrc, nextIMGsrc, slideshow_div_id, slideshow_img_id);
		
		// set slideshow bg back to white
		// document.getElementById(slideshow_div_id).style.background = "url(" + white.src + ") center bottom no-repeat";
	}
	catch(err) {
		// catch the error
	}
}

function print_over(id) {
		document.getElementById(id).src = "/images/print-small-on.gif";
}

function print_out(id) {
		document.getElementById(id).src = "/images/print-small-off.gif";
}

function email_page_over(id) {
		document.getElementById(id).src = "/images/email-on.gif";
}

function email_page_out(id) {
		document.getElementById(id).src = "/images/email-off.gif";
}