// preload  main nav images...
function initMainNav()
{
  var img1 = new Image();
  img1.src = './images/left_nav_ibiza_over.jpg';
  var img2 = new Image();
  img2.src = './images/left_nav_ibiza_off.jpg';
  var img3 = new Image();
  img3.src = './images/left_nav_ibiza_down.jpg';

  var navIbiza = document.getElementById( 'mainNavIbiza' );
  navIbiza.onmouseover = function () { switchBackground( navIbiza, './images/left_nav_ibiza_over.jpg' ) };
  navIbiza.onmouseout  = function () { switchBackground( navIbiza, './images/left_nav_ibiza_off.jpg' ) };
  navIbiza.onmousedown = function () { switchBackground( navIbiza, './images/left_nav_ibiza_down.jpg' ) };
  navIbiza.onmouseup   = function () { switchBackground( navIbiza, './images/left_nav_ibiza_off.jpg' ) };

  var img4 = new Image();
  img4.src = './images/left_nav_iagpt_over.jpg';
  var img5 = new Image();
  img5.src = './images/left_nav_iagpt_off.jpg';
  var img6 = new Image();
  img6.src = './images/left_nav_iagpt_down.jpg';

  var navIagpt = document.getElementById( 'mainNavIagpt' );
  navIagpt.onmouseover = function () { switchBackground( navIagpt, './images/left_nav_iagpt_over.jpg' ) };
  navIagpt.onmouseout  = function () { switchBackground( navIagpt, './images/left_nav_iagpt_off.jpg' ) };
  navIagpt.onmousedown = function () { switchBackground( navIagpt, './images/left_nav_iagpt_down.jpg' ) };
  navIagpt.onmouseup   = function () { switchBackground( navIagpt, './images/left_nav_iagpt_off.jpg' ) };

  var img7 = new Image();
  img7.src = './images/left_nav_dj_over.jpg';
  var img8 = new Image();
  img8.src = './images/left_nav_dj_off.jpg';
  var img9 = new Image();
  img9.src = './images/left_nav_dj_down.jpg';

  var mainNavDj = document.getElementById( 'mainNavDj' );
  mainNavDj.onmouseover = function () { switchBackground( mainNavDj, './images/left_nav_dj_over.jpg' ) };
  mainNavDj.onmouseout  = function () { switchBackground( mainNavDj, './images/left_nav_dj_off.jpg' ) };
  mainNavDj.onmousedown = function () { switchBackground( mainNavDj, './images/left_nav_dj_down.jpg' ) };
  mainNavDj.onmouseup   = function () { switchBackground( mainNavDj, './images/left_nav_dj_off.jpg' ) };
}


function switchBackground( obj, strFileName )
{
  obj.style.backgroundImage = "url(" + strFileName + ")";
}



function initBackground()
{
  var arrBacks = new Array();
  arrBacks.push("#EC3607 url( ./images/backtile_orangefade.jpg ) top left repeat-x");
  arrBacks.push("transparent url( ./images/backtile_wood.jpg ) top left");
  arrBacks.push("transparent url( ./images/backtile_greendots.gif ) top left");
  arrBacks.push("transparent url( ./images/backtile_bluedots.jpg ) top left");

  function rndnumber( intLimit )
  {
    var randnum = -1;
    randnum = Math.floor(Math.random()*intLimit);
    return randnum;
  }

  var mybody = document.getElementsByTagName("body").item(0);
  mybody.style.background = arrBacks[ rndnumber( arrBacks.length ) ];
}

// cross-browser addEventListener function
function addEvent( objElement, strEventType, objCallback )
{
	if (objElement.addEventListener)
	{ 
	    objElement.addEventListener(strEventType, objCallback, true); 
	    return true; 
	} 
	else if (objElement.attachEvent)
	{
	    strEventType = "on" + strEventType;
	    var blnSuccess = objElement.attachEvent(strEventType, objCallback); 
	    return blnSuccess; 
	} 
	else 
	{
	    strEventType = "on" + strEventType;
	    eval("var objOldCallback = objElement." + strEventType );
	    if ( typeof objOldCallback != 'function' ) {
	        eval("objElement." + strEventType + " = objCallback");
	    }
	    else {
	        eval("objElement." + strEventType + " = function() { objOldCallback(); objCallback(); }")
	    }
	    return true;
	} 
}

addEvent( window, 'load', initBackground );
addEvent( window, 'load', initMainNav );