var tiles_array = new Array("masthead_jocks00", "masthead_jocks01", "masthead_jocks02", "masthead_jocks03", "masthead_jocks04"); // add additional artists as needed
var tiles_pointer = 0;
var fade_timeout_time = 50;
var wait = 3000;

function inittiles() {
	// fade in/out tiles.
	if(tiles_pointer%tiles_array.length == 0) {
   		tiles_pointer = 0;
		for(i = 1; i < tiles_array.length-1; i++)
		{
//			alert("hiding:  tiles_"+tiles_array[i]);
			setOpacity(document.getElementById("tiles_"+tiles_array[i]), 0);
		}
		
	}

//	alert(tiles_pointer);
	lyrId = "tiles_" + tiles_array[tiles_pointer];
	lyr = document.getElementById(lyrId);
	// setOpacity(lyr, 0);
	lyr.style.visibility = 'visible';
	if(tiles_pointer == 0) {
//		alert("fadeOut: tiles_"+tiles_array[tiles_array.length-1]);
		fadeOut("tiles_"+tiles_array[tiles_array.length-1], 100);
	} else {
//		alert("fadeIn: "+lyrId);
    	fadeIn(lyrId,0);
	}
	
	tiles_pointer++;
	var tim = setTimeout("inittiles()", wait);
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", fade_timeout_time);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", fade_timeout_time);
    }
  }
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function returnDiv(id) {
	if (document.all) // IE
	{
		var div = document.all(id).style;
	}
	else if (document.layers) // NS4
	{
		var div = document.layers[id];
	}
	else if (document.getElementById) // NS6
	{
		var div = document.getElementById(id).style;
	}
	return div;
}

/*
var subnavDivs = array("jams","family","community","lowdown","health","education","auto","career","contact");
function initsubnav() {
//	alert("init: 

	for(i = 1; i < subnavDivs.length -1; i++)
		setOpacity(document.getElementById(subnavDivs[i]), 0);
		lyr = document.getElementById(lyrId);
		subnavDivs[i].style.visibility = 'visible';
	}
	
	lyrId = "tiles_" + tiles_array[tiles_pointer];
	// setOpacity(lyr, 0);

	if(tiles_pointer == 0) {
//		alert("fadeOut: tiles_"+tiles_array[tiles_array.length-1]);
		fadeOut("tiles_"+tiles_array[tiles_array.length-1], 0);
	} else {
//		alert("fadeIn: "+lyrId);
    	fadeIn(lyrId,0);
	}
	
	tiles_pointer++;
	var tim = setTimeout("inittiles()", wait);
}
*/
var tim;
var tim2;

var open_subnav = "";
var open_subnav_opacity = 0; 
function openSubnav(id)
{
//	alert(id);
	clearTimeout(tim);
	clearTimeout(tim2);
	if(open_subnav != "" && open_subnav != id)
	{ // hide open layer
//		alert("open_subnav = " + open_subnav + "; id = " + id);
	    hideSubnav(open_subnav);
	}
	fadeIn2(id, open_subnav_opacity);
	open_subnav = id;
}

function closeSubnav(id)
{
	tim = setTimeout("hideSubnav('"+id+"')", 800);
}

function hideSubnav(id)
{
    obj = document.getElementById(id);
	setOpacity(obj, 0);
	open_subnav_opacity = 0;
	obj.style.visibility="hidden";
	open_subnav = "";
}


function fadeIn2(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
	obj.style.visibility = "visible";
    if (opacity <= 100) {
      setOpacity(obj, opacity);
	  open_subnav_opacity = opacity;
      opacity += 10;
      tim2 = window.setTimeout("fadeIn2('"+objId+"',"+opacity+")", 30);
    }
  }
}

function fadeOut2(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      tim2 = window.setTimeout("fadeOut2('"+objId+"',"+opacity+")", 30);
    }
	else
		obj.style.visibility="hidden";
  }
}