///////////// PRELOAD IMAGES

var image1 = new Image();
var image2 = new Image();
var image3 = new Image();
var image4 = new Image();
var image5 = new Image();
var image6 = new Image();


image1.src = "/assets/templates/default/images/menu-l.gif";
image2.src = "/assets/templates/default/images/menu-bg.gif";
image3.src = "/assets/templates/default/images/menu-r.gif";
image4.src = "/assets/templates/default/images/menu-l-over.gif";
image5.src = "/assets/templates/default/images/menu-bg-over.gif";
image6.src = "/assets/templates/default/images/menu-r-over.gif";

///////////// END PRELOAD



function changeBG(num) {
	
	var a = "cell"+num+"a";
	var b = "cell"+num+"b";
	var c = "cell"+num+"c";
	
	var cell1 = document.getElementById(a);
	var cell2 = document.getElementById(b);
	var cell3 = document.getElementById(c);
	//alert(cell1.innerHTML);
	cell1.innerHTML = "<img src=\"/assets/templates/default/images/menu-l-over.gif\" width=\"10\" height=\"28\">";
	cell2.style.background = "url(/assets/templates/default/images/menu-bg-over.gif)";
	cell3.innerHTML = "<img src=\"/assets/templates/default/images/menu-r-over.gif\" width=\"10\" height=\"28\">";
}

function restoreBG(num) {

	var a = "cell"+num+"a";
	var b = "cell"+num+"b";
	var c = "cell"+num+"c";
	
	var cell1 = document.getElementById(a);
	var cell2 = document.getElementById(b);
	var cell3 = document.getElementById(c);
	//alert(cell1.innerHTML);
	cell1.innerHTML = "<img src=\"/assets/templates/default/images/menu-l.gif\" width=\"10\" height=\"28\">";
	cell2.style.background = "url(/assets/templates/default/images/menu-bg.gif)";
	cell3.innerHTML = "<img src=\"/assets/templates/default/images/menu-r.gif\" width=\"10\" height=\"28\">";


}

function changeCellbg(id) {
	document.getElementById(id).style.backgroundColor = "#ffffff";
}

function restoreCellBg(id) {
	document.getElementById(id).style.backgroundColor = "#ebf9fd";
}