// JavaScript for roll-overs - Nihan de Kock 28 August 2007
function showRoll(elem)
{
	var rolls = elem.firstChild.getElementsByTagName('div');
    rolls[0].style.display = "none";
    rolls[1].style.display = "block";
}
function hideRoll(elem)
{
	var rolls = elem.firstChild.getElementsByTagName('div');
    rolls[1].style.display = "none";
    rolls[0].style.display = "block";
    
}

var firstRun = true;
var setImage = "";
var newImage = "";
var divTxt = "";
var divTxt2 = "";

var textDivs = 
[
    ['divBus', 'imgBusinessSmall', 'images/landing-business.gif', 'images/landing-text1.gif'],
    ['divPass', 'imgPassengersSmall', 'images/landing-passengers.gif', 'images/landing-text2.gif'],
    ['divTrading', 'imgTradingSmall', 'images/landing-trading.gif', 'images/landing-text3.gif'],
    ['divStakeholders', 'imgStakeholdersSmall', 'images/landing-stakeholders.gif', 'images/landing-text4.gif'],
    ['divBlank', '', '', '']

]

function showText()
{
    //alert(textDivs.length);
    for(i=0; i<textDivs.length; i++)
    {
        if(textDivs[i][0] != divTxt)
        {
            document.getElementById(textDivs[i][0]).style.display = 'none';
            if(textDivs[i][0] != "divBlank")
            {
				document.getElementById(textDivs[i][0] + "2").style.display = 'none';
				document.getElementById(textDivs[i][0] + "1").style.display = 'block';
            }
            
        }
        else
        {
            //document.getElementById(textDivs[i][1]).src = textDivs[i][3];
            document.getElementById(textDivs[i][0]).style.display = 'block';
            if(textDivs[i][0] != "divBlank")
            {
				document.getElementById(textDivs[i][0] + "2").style.display = 'block';
				document.getElementById(textDivs[i][0] + "1").style.display = 'none';
            }
        }
    }
    
}

    function changeImage(imagePath, divText, smallTxt)
    {
        divTxt = divText
        divTxt2 = smallTxt
        newImage = imagePath;
        setImage = imagePath;
        document.getElementById('imgCentre').setAttribute('src',imagePath);
        slowhigh(document.getElementById('imgLeft'),document.getElementById('imgCentre'),document.getElementById('imgRight'));
        
        showText();
        
    }
    
 var baseopacity=0;

function slowhigh(leftImage, centreImage, rightImage){
    imgobjLeft=leftImage;
    imgobjCentre=centreImage;
    imgobjRight=rightImage;
    browserdetect=leftImage.filters? "ie" : typeof leftImage.style.MozOpacity=="string"? "mozilla" : "other";
    instantset(0);
    
    if(!centreImage.processing)
    {
		centreImage.processing = true;
		//highlighting = setInterval("gradualfade(imgobjLeft, imgobjCentre, imgobjRight)",20)
		highlighting = setTimeout("gradualfade(imgobjLeft, imgobjCentre, imgobjRight)",20)
		
    }
}

function resetFirstRun()
{
    firstRun = false;
}

function instantset(degree){
	if (browserdetect=="mozilla")
	{
		if(firstRun)
		{
			imgobjLeft.style.MozOpacity=degree/100;
			imgobjRight.style.MozOpacity=degree/100;
		}
	    
		imgobjCentre.style.MozOpacity=degree/100;
	}
	else if (browserdetect=="ie")
	{
		if(firstRun)
		{
			imgobjLeft.filters.alpha.opacity=degree;
			imgobjRight.filters.alpha.opacity=degree;
		}
		imgobjCentre.filters.alpha.opacity=degree;
	}
	else
	{
		if(firstRun)
		{
			imgobjLeft.style.opacity=degree;
			imgobjRight.style.opacity=degree;
		}
		imgobjCentre.style.opacity=degree;
	}
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2, cur3, cur4)
{
	if (browserdetect=="mozilla")
	{
		if(cur3.style.MozOpacity<0.99)
		{
			if(firstRun)
			{
				cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99);
				cur4.style.MozOpacity=Math.min(parseFloat(cur4.style.MozOpacity)+0.1, 0.99);
			}
			cur3.style.MozOpacity=Math.min(parseFloat(cur3.style.MozOpacity)+0.1, 0.99);
			highlighting = setTimeout("gradualfade(imgobjLeft, imgobjCentre, imgobjRight)",20)
		}
		else
		{
			firstRun = false;
			var olddiv = document.getElementById('flashMov');
			try
			{
			document.getElementById('tdFlash').removeChild(olddiv);
			}
			catch(e){}
			document.getElementById('tdCentre').style.backgroundImage = 'url('+cur3.src+')';
			window.highlighting = false;
			cur3.processing = false;
			clearInterval(highlighting);
		}
	}
	else if(browserdetect=="ie")
	{
		if(cur3.filters.alpha.opacity<100)
		{
			if(firstRun)
			{
				cur2.filters.alpha.opacity+=10;
				cur4.filters.alpha.opacity+=10;
			}
			else
			{
				cur2.filters.alpha.opacity = 100;
				cur4.filters.alpha.opacity = 100;
			}
		    
			cur3.filters.alpha.opacity+=10;
			highlighting = setTimeout("gradualfade(imgobjLeft, imgobjCentre, imgobjRight)",20)
		}
		else
		{
			firstRun = false;
			var olddiv = document.getElementById('flashMov');
			try
			{
			document.getElementById('tdFlash').removeChild(olddiv);
			}
			catch(e){}
			document.getElementById('tdCentre').style.backgroundImage = 'url('+cur3.src+')';
			cur3.processing = false;
			window.highlighting = false;
			clearInterval(highlighting);
		}
	}
	else
	{
		if(cur3.style.opacity<100)
		{
			if(firstRun)
			{
				cur2.style.opacity+=10;
				cur4.style.opacity+=10;
			}
			else
			{
				cur2.style.opacity = 100;
				cur4.style.opacity = 100;
			}
		    
			cur3.style.opacity+=1;
			highlighting = setTimeout("gradualfade(imgobjLeft, imgobjCentre, imgobjRight)",20)
		}
		else
		{
			firstRun = false;
			var olddiv = document.getElementById('flashMov');
			try
			{
			document.getElementById('tdFlash').removeChild(olddiv);
			}
			catch(e){}
			document.getElementById('tdCentre').style.backgroundImage = 'url('+cur3.src+')';
			cur3.processing = false;
			window.highlighting = false;
			clearInterval(highlighting);
		}
	}
}