// JavaScript Document

var hideLeftTimer;
var hideCenterTimer;
var hideRightTimer;

//Preload

var newImage1 = new Image();
	newImage1.src = "images/hosp_background_over.jpg";

var newImage2 = new Image();
	newImage2.src = "images/hosp_background.jpg";
	
var newImage3 = new Image();
	newImage3.src = "images/hotel_background_over.jpg";
	
var newImage4 = new Image();
	newImage4.src = "images/hotel_background_over.jpg";
	
var newImage5 = new Image();
	newImage5.src = "images/logi_background_over.jpg";
	
var newImage6 = new Image();
	newImage6.src = "images/logi_background_over.jpg";
	
	
function showBucket(layer, id)
{
	document.getElementById(layer).style.backgroundImage = "url(images/" + id + "_background_over.jpg)";
	document.getElementById(id + "-text").style.display = "none";
	document.getElementById(id + "-list").style.display = "block";
}

function hideBucket(layer, id)
{
	document.getElementById(layer).style.backgroundImage = "url(images/" + id + "_background.jpg)";
	document.getElementById(id + "-text").style.display = "block";
	document.getElementById(id + "-list").style.display = "none";
}


function setHideLeftBucket()
{
	hideLeftTimer = setTimeout(hideLeftBucket, 300);
}

function hideLeftBucket()
{
	hideBucket('left-col','hosp');	
}

function setHideRightBucket()
{
	hideRightTimer = setTimeout(hideRightBucket, 300);
}

function hideRightBucket()
{
	hideBucket('right-col','logi');	
}

function setHideCenterBucket()
{
	hideCenterTimer = setTimeout(hideCenterBucket, 300);
}

function hideCenterBucket()
{
	hideBucket('center-col','hotel');	
}

function cancelHideLeftBucket() 
{
	clearTimeout(hideLeftTimer);
}

function cancelHideCenterBucket() 
{
	clearTimeout(hideCenterTimer);
}

function cancelHideRightBucket() 
{
	clearTimeout(hideRightTimer);
}