// JavaScript Document
var cImage = new Array();
cImage[0] = "~lib/img/bg/redseat.jpg";
cImage[1] = "~lib/img/bg/taxi.jpg";
cImage[2] = "~lib/img/bg/wine.jpg";
cImage[3] = "~lib/img/bg/jello.jpg";
cImage[4] = "~lib/img/button.png";
cImage[5] = "~lib/img/button-over.png";
cImage[6] = "~lib/img/tab.png";
cImage[7] = "~lib/img/tab-on.png";
cImage[8] = "~lib/img/tab-over.png";

function loadImg(){
	for(i=0; i <= 8; i++){
		background = new Image();
		background.src = cImage[i];
	}
}

function bgImage(bgId) {
	layerId = 'fade';
	layer = document.getElementById(layerId);
	setOpacity(layer, 0)
	layer.style.backgroundImage = 'url('+cImage[bgId]+')'
	fadeIn(layerId, 0,bgId);
}
function fadeIn(objId,opacity, bgId) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity < 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+","+bgId+")", 100);
		}else if(opacity >= 100) {setBG(bgId);}
	}
}

function setBG(bgId) {
  if (document.body) {
    //alert('here');
    document.body.style.backgroundImage = 'url('+cImage[bgId]+')';
  }
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function showPage(pageId, secId){
	for(i=1; i <= 6; i++){
		if(document.getElementById('page'+i)){
		curpage = document.getElementById('page'+i);
		curpage.style.display = 'none';
		}
		if(document.getElementById('sec'+i)){
		curpage = document.getElementById('sec'+i);
		curpage.style.color = '#000000';
		}
	}
	 page = document.getElementById('page'+pageId); 
	 page.style.display = 'block';
	 section = document.getElementById('sec'+secId); 
	 section.style.color = '#d42e12';
}