var picPath = new String("/assets/media/header/") ; 
var picIndex = 0; 
var opacStart = 100; var opacEnd = 0; 
var millisec = 500; 
var id = 'imgHeader'; 
var mfnNewPic = new String(); 

function fnWait()
	{
		var mfnGetSet = setTimeout("fnSwapHeaderImage()", 6000);
	}

function fnSwapHeaderImage()
	{
		if( document.getElementById('imgHeader') )
			{
				picIndex++;
				if ( picIndex > numberOfPics - 1 )
					{
						picIndex = 0;
					}
				mfnNewPic = picPath+picArray[picIndex];
				shiftOpacity();
				setTimeout("fnTheSwap()", 500);
					
			}
		else
			{
				// do nothing
			}
	}

function fnTheSwap()
	{
				shiftOpacity();
				document.getElementById('imgHeader').src = mfnNewPic;
				fnWait();
	}

function shiftOpacity() { 
    //if an element is invisible, make it visible, else make it ivisible 
    if(document.getElementById(id).style.opacity == 0) { 
        opacity(id, 0, 100, 2000); 
    } else { 
        opacity(id, 100, 0, millisec); 
    }
} 

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++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//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 + ")";
} 	
/* begin script to hide the subNav for below the sport and fitness */

function fnShowHide()
	{
		var isSeen =
		document.getElementById('subNav').style.visibility;
 		if ( isSeen != "hidden" ) 
			{
	
document.getElementById('subNav').style.visibility='hidden';
			}
		else
			{
	
document.getElementById('subNav').style.visibility='visible';	
			}
	}

/* end script */