// JavaScript Document

var hideLeftTimer;
var hideCenterTimer;
var hideRightTimer;

function showBucket(layer, id)
{
	document.getElementById(layer).style.backgroundImage = "url(images/bg-bucket" + id + "-over.gif)";
	document.getElementById("bucket" + id + "-text").style.display = "none";
	document.getElementById("bucket" + id + "-list").style.display = "block";
}

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


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

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

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

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

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

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

function cancelHideLeftBucket() 
{
	clearTimeout(hideLeftTimer);
}

function cancelHideCenterBucket() 
{
	clearTimeout(hideCenterTimer);
}

function cancelHideRightBucket() 
{
	clearTimeout(hideRightTimer);
}