// ---- show & hide route description

var flag = false;

function imageLoad() {  // called with onLoad()
    if (document.images) {
        img1on = new Image(); img1on.src = 'media/imgs/b_1_on.gif';
        img2on = new Image(); img2on.src = 'media/imgs/b_2_on.gif';
        img3on = new Image(); img3on.src = 'media/imgs/b_3_on.gif';
        img4on = new Image(); img4on.src = 'media/imgs/b_4_on.gif';
        img5on = new Image(); img5on.src = 'media/imgs/b_5_on.gif';
        img6on = new Image(); img6on.src = 'media/imgs/b_6_on.gif';
        img7on = new Image(); img7on.src = 'media/imgs/arrow_back_on.gif';
        img8on = new Image(); img8on.src = 'media/imgs/arrow_back_on.gif';
        img9on = new Image(); img9on.src = 'media/imgs/arrow_next_on.gif';
        img10on = new Image(); img10on.src = 'media/imgs/prod_arrow_back_on.gif';
        img11on = new Image(); img11on.src = 'media/imgs/prod_arrow_back_on.gif';
        img12on = new Image(); img12on.src = 'media/imgs/prod_arrow_next_on.gif';

        return (flag = true);  // set the flag and let the function know know it can work
    }
}

if (document.images) {   // load the off images in the normal way
    img1off = new Image(); img1off.src = 'media/imgs/b_1_off.gif';
    img2off = new Image(); img2off.src = 'media/imgs/b_2_off.gif';
    img3off = new Image(); img3off.src = 'media/imgs/b_3_off.gif';
    img4off = new Image(); img4off.src = 'media/imgs/b_4_off.gif';
    img5off = new Image(); img5off.src = 'media/imgs/b_5_off.gif';
    img6off = new Image(); img6off.src = 'media/imgs/b_6_off.gif';
    img7off = new Image(); img7off.src = 'media/imgs/arrow_back_off.gif';
    img8off = new Image(); img8off.src = 'media/imgs/arrow_back_off.gif';
    img9off = new Image(); img9off.src = 'media/imgs/arrow_next_off.gif';
	img10off = new Image(); img10off.src = 'media/imgs/prod_arrow_back_off.gif';
    img11off = new Image(); img11off.src = 'media/imgs/prod_arrow_back_off.gif';
    img12off = new Image(); img12off.src = 'media/imgs/prod_arrow_next_off.gif';
}

function rollIn(imgName) {
    if (document.images && (flag == true)) {
    	document[imgName].src = eval(imgName + "on.src");
    	var ele = document.getElementById(imgName);
    	ele.style.backgroundColor = "#83C04A";
        
    }
}

function rollOut(imgName) {  // the normal onMouseOut function
    if (document.images){
	    document[imgName].src = eval(imgName + "off.src");
	   var ele = document.getElementById(imgName);
    	ele.style.backgroundColor = "";
    }
}

function preload(imgObj,imgSrc) {
	if (document.images) {
		eval(imgObj+' = new Image()')
		eval(imgObj+'.src = "'+imgSrc+'"')
	}
}

// ---- show & hide route description

function showOne()
{
	document.getElementById('one').style.display = 'block';
	document.getElementById('two').style.display = 'none';
	document.getElementById('three').style.display = 'none';
}
function showTwo()
{
	document.getElementById('one').style.display = 'none';
	document.getElementById('two').style.display = 'block';
	document.getElementById('three').style.display = 'none';
}
function showThree()
{
	document.getElementById('one').style.display = 'none';
	document.getElementById('two').style.display = 'none';
	document.getElementById('three').style.display = 'block';
}

// ---- no outline for buttons

window.onload = function()
{
	var aList = document.getElementsByTagName('a');
	for(var i=0;i<aList.length;i++)
	{
		aList[i].onfocus=function()
		{
			this.blur();
		}

	}
}

function sub(item)
{
	var menu;
	menu = document.getElementById(item);

	
	if (menu.style.display == 'block')
		disp = 'none';
	else
		disp = 'block';
	menu.style.display = disp;
}