﻿function ManageButtons(objImgTour)
{
	ResetAllButtons();
	objImgTour.src = objImgTour.src.replace(".jpg","-roll.jpg");
}

function ResetAllButtons()
{
	document.getElementById('Image1').src = "../Images/tour_process/reg-btn.jpg";
	document.getElementById('Image2').src = "../Images/tour_process/initial-btn.jpg";
	document.getElementById('Image3').src = "../Images/tour_process/client-btn.jpg";
	document.getElementById('Image4').src = "../Images/tour_process/match-btn.jpg";
	//document.getElementById('Image8').src = "../Images/tour_process/regular-btn.jpg";
	//document.getElementById('Image6').src = "../Images/tour_process/fly-btn.jpg";
	//document.getElementById('Image77').src = "../Images/tour_process/refund-btn.jpg";
}


function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) 
	{
        for(i = opacStart; i >= opacEnd; i--) 
		{
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
		var object = document.getElementById(id);
		object.style.display = 'none';
    } 
	else if(opacStart < opacEnd) 
	{			
        for(i = opacStart; i <= opacEnd; i++)
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
		var object = document.getElementById(id);
		object.style.display = 'block';
    }	
} 

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function ShowLayer(id_layerToShow)
{
	//Hide currently shown layer...
	var id_layerToHide = document.getElementById('layerToHide').value;
	document.getElementById(id_layerToHide).style.display = 'none';
	//opacity(id_layerToHide,100,0,700);
		
	//Show new layer...
	opacity(id_layerToShow,0,100,700);
	
	//Set now showing layer to layerToHide for next time...
	document.getElementById('layerToHide').value = id_layerToShow;	
}


