// LISTEN LIVE POP-UP

function openWindowStream(url) {
 new_window = window.open(url,'stream_vote','top=100,left=250,width=279,height=260,toolbar=no,location=0,directories=no,status=no,menubar=no,scrollbars=no,resizable=0');
 setTimeout("new_window.focus()",500);
}
function openWindowLL(url) {
 new_window = window.open(url,'listen_live','top=100,left=250,width=259,height=104,toolbar=no,location=0,directories=no,status=no,menubar=no,scrollbars=no,resizable=0');
 setTimeout("new_window.focus()",500);
}
function openWindowWebcam(url) {
 new_window = window.open(url,'webcam','top=100,left=250,width=428,height=395,toolbar=no,location=0,directories=no,status=no,menubar=no,scrollbars=no,resizable=0');
 setTimeout("new_window.focus()",500);
}
function openWindow(url) {
 new_window = window.open(url,'trek','top=100,left=250,width=375,height=235,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0');
 setTimeout("new_window.focus()",500);
}


// ROTATING ARTISTS

var tiles_array = new Array("waro_artists00", "waro_artists01", "waro_artists02", "waro_artists03", "waro_artists04", "waro_artists05", "waro_artists06", "waro_artists07", "waro_artists08", "waro_artists09", "waro_artists10", "waro_artists11"); // add additional artists as needed
var tiles_pointer = 0;
var fade_timeout_time = 50;
var wait = 4000;

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";
  }
}

//mouseovers

// mouseovers 

function showLayer(id) 
{
	var div = returnDiv(id);
	div.visibility = "visible";
}

function hideLayer(id) 
{
        var div = returnDiv(id);
        div.visibility = "hidden";
//		previousLayer = "";
}
   
var tim;
var tim2;
var tim3;
var previousLayer = "";
var open_sub_layer = "";

function mouseOutOfLayer(id)
{
	if(id.indexOf("sub_") >= 0)
	{
//		alert("previousLayer = " + previousLayer);
		func = "hideLayer('"+previousLayer+"')";
		tim = setTimeout(func, 500);
		func = "hideLayer('"+id+"')";
		tim2 = setTimeout(func, 500);
	}
	else
	{
		if(open_sub_layer != "")
		{		
			func = "hideLayer('"+open_sub_layer+"')";
			tim2 = setTimeout(func, 500);
		}
		func = "hideLayer('"+id+"')";
		tim = setTimeout(func, 500);
	}
}
 
function mouseIntoLayer(id)
{
	clearTimeout(tim);
	clearTimeout(tim2);

	if(id.indexOf("sub_") >= 0)
	{  // we're mousing into a sub_layer
		if(open_sub_layer != id && open_sub_layer != "")
			hideLayer(open_sub_layer);
		clearTimeout(tim3);
		showLayer(id);
		showLayer(previousLayer);
		open_sub_layer = id;
	}
	else
	{  // we're just mousing into a regular layer

		if (open_sub_layer != "")
			hideLayer(open_sub_layer);
		if(previousLayer != id && previousLayer != "")
		{
			
			hideLayer(previousLayer);
		}
		showLayer(id);
		previousLayer = id;
	}
}

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;
}


//side promos
var layerSideCount;
var currentSideLayer;
var sideColumns;
var currentSideColumn;
function countSideLayers(){
		var i=1;
		var layerExists=true;
		while (layerExists)
		{
		layerToCheck='sidepromo'+i;
		if (document.getElementById(layerToCheck)) 
		  {
		  i++;
		  } else {
		  layerExists=false;
		  }
		}
		layerSideCount=i-1;
		currentSideColumn=1;
		if (layerSideCount>5){
			sideColumns=Math.ceil(layerSideCount / 5);
			currentSideLayer=5;
			var t=setTimeout("flipSidePromos()",4000)
		}
}

function flipSidePromos(){
	if (currentSideColumn == sideColumns) {
		j=1;	
		while (j <=5) {
			var sidelayertohide='sidepromo'+currentSideLayer;
			setObjVis(sidelayertohide,'hidden');
			currentSideLayer=currentSideLayer - 1;
			j++;
		}
		currentSideLayer=1;	
		while (currentSideLayer <= 5) {
			var sidelayertoshow='sidepromo'+currentSideLayer;
			setObjVis(sidelayertoshow,'visible');
			currentSideLayer++;
		}
		currentSideLayer=currentSideLayer - 1;
		currentSideColumn=1;		
	} else {
		currentSideLayer++;			
		currentMax = (currentSideColumn * 5) + 5;
		while ((currentSideLayer <= currentMax) && (currentSideLayer <= layerSideCount)) {
			var sidelayertohide='sidepromo'+ (currentSideLayer-5);
			setObjVis(sidelayertohide,'hidden');
			var sidelayertoshow='sidepromo'+currentSideLayer;
			setObjVis(sidelayertoshow,'visible');
			currentSideLayer++;
		}
		currentSideLayer=currentSideLayer - 1;
		currentSideColumn++;
	}
	var t=setTimeout("flipSidePromos()",4000);
}

//top promos
var layerTopCount;
var currentTopLayer;
var topColumns;
var currentTopColumn;
function countTopLayers(){
		var i=1;
		var layerExists=true;
		while (layerExists)
		{
		layerToCheck='toppromo'+i;
		if (document.getElementById(layerToCheck)) 
		  {
		  i++;
		  } else {
		  layerExists=false;
		  }
		}
		layerTopCount=i-1;
		currentTopColumn=1;
		if (layerTopCount>1){
			topColumns=Math.ceil(layerTopCount / 1);
			currentTopLayer=1;
			var t=setTimeout("flipTopPromos()",4000)
		}
}

function flipTopPromos(){
	if (currentTopColumn == topColumns) {
		j=1;	
		while (j <=1) {
			var toplayertohide='toppromo'+currentTopLayer;
			setObjVis(toplayertohide,'hidden');
			currentTopLayer=currentTopLayer - 1;
			j++;
		}
		currentTopLayer=1;	
		while (currentTopLayer <= 1) {
			var toplayertoshow='toppromo'+currentTopLayer;
			setObjVis(toplayertoshow,'visible');
			currentTopLayer++;
		}
		currentTopLayer=currentTopLayer - 1;
		currentTopColumn=1;		
	} else {
		currentTopLayer++;			
		currentMax = (currentTopColumn * 1) + 1;
		while ((currentTopLayer <= currentMax) && (currentTopLayer <= layerTopCount)) {
			var toplayertohide='toppromo'+ (currentTopLayer-1);
			setObjVis(toplayertohide,'hidden');
			var toplayertoshow='toppromo'+currentTopLayer;
			setObjVis(toplayertoshow,'visible');
			currentTopLayer++;
		}
		currentTopLayer=currentTopLayer - 1;
		currentTopColumn++;
	}
	var t=setTimeout("flipTopPromos()",4000);
}



// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;} function pageHeight() {return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;} function posLeft() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;} function posTop() {return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;} function posRight() {return posLeft()+pageWidth();} function posBottom() {return posTop()+pageHeight();}
// end window size

function setObjWidth(objectID,w) {
	var objs = xDOM(objectID,1);
	objs.width = w;
}            

// More Object Functions
// copyright Stephen Chapman, 18th Jan 2005
// you may copy these functions but please keep the copyright notice as well
// begin hide, toggle, move
function setObjVis(objectID,vis) {
	var objs = xDOM(objectID,1);
	objs.visibility = vis;
} 

function toggleObjVis(objectID) {
	var objs = xDOM(objectID,1);
	var vis = objs.visibility;
	objs.visibility = (vis == "visible" || vis == "show") ? 'hidden' : 'visible';
}

function moveObjTo(objectID,x,y) {
	var objs = xDOM(objectID,1);
	objs.left = x;
	objs.top = y;
}

function moveObjBy(objectID,x,y) {
	var obj = xDOM(objectID,0);
	var objs = xDOM(objectID,1);
	if (obj.offsetLeft != null) {
		 var l = obj.offsetLeft;
		 var t = obj.offsetTop;
		 objs.left = l+x; objs.top = t+y;
	} else if (objs.pixelLeft != null) {
		 objs.pixelLeft += x;
		 objs.pixelTop += y;
	} else obj.moveBy(x,y);
}

function moveObjLayer(objectID,z) {
	var objs = xDOM(objectID,1);
	objs.zIndex = z;
}
// end hide, toggle, move

// begin  measurables
// Object Functions
// copyright Stephen Chapman, 4th Jan 2005
//  you may copy these functions but please keep the copyright notice as well
function objWidth(objectID) {
  var obj = xDOM(objectID,0);
  if(obj.offsetWidth) return  obj.offsetWidth;
  if (obj.clip) return obj.clip.width;
  return 0;
}

function objHeight(objectID) {
  var obj = xDOM(objectID,0);
  if(obj.offsetHeight) return  obj.offsetHeight;
  if (obj.clip) return obj.clip.height; return 0;
}    

function objLeft(objectID) {
  var obj = xDOM(objectID,0);
  var objs = xDOM(objectID,1); 
  if(objs.left) return objs.left; 
  if (objs.pixelLeft) return objs.pixelLeft; 
  if (obj.offsetLeft) return obj.offsetLeft; 
  return 0;
} 

function objTop(objectID) {
  var obj = xDOM(objectID,0);
  var objs = xDOM(objectID,1); 
  if(objs.top) return objs.top; 
  if (objs.pixelTop) return objs.pixelTop; 
  if (obj.offsetTop) return obj.offsetTop; 
  return 0;
} 

function objRight(objectID) {
	return objLeft(objectID)+objWidth(objectID);
}

function objBottom(objectID) {
	return objTop(objectID)+objHeight(objectID);
}

function objLayer(objectID) {
  var objs = xDOM(objectID,1); 
  if(objs.zIndex) return objs.zIndex; 
  return 0;
} 

function objVisible(objectID) {
  var objs = xDOM(objectID,1); 
  if(objs.visibility == 'hide' || objs.visibility == 'hidden') return 'hidden';
  return 'visible';
}
// end measurables                    

// Cross Browser DOM
// copyright Stephen Chapman, 4th Jan 2005
// you may copy this code but please keep the copyright notice as well
var aDOM = 0, ieDOM = 0, nsDOM = 0; var stdDOM = document.getElementById;
if (stdDOM) aDOM = 1; else {ieDOM = document.all; if (ieDOM) aDOM = 1; else {
var nsDOM = ((navigator.appName.indexOf('Netscape') != -1)
&& (parseInt(navigator.appVersion) ==4)); if (nsDOM) aDOM = 1;}}
function xDOM(objectId, wS) {
if (stdDOM) return wS ? document.getElementById(objectId).style:
document.getElementById(objectId);
if (ieDOM) return wS ? document.all[objectId].style: document.all[objectId];
if (nsDOM) return document.layers[objectId];
}                  
// end cross browser DOM

var xxx = 0; var yyy = 0;
var endPos = 0;
function start() {
var w = objWidth('myobj');
xxx = 10;
yyy = 10;
endPos = xxx - 100;
moveit();
setObjVis('myobj','visible');
}
function moveit() {
var x = (posLeft()+xxx) + 'px';
var y = (posTop()+yyy) + 'px';
moveObjTo('myobj',x,y);
}

function moveDown(layerToMove) {
moveObjLayer(layerToMove,3);
var endY = sn1StartY + sn1Height;
o = document.getElementById(layerToMove);
y = o.offsetTop;
if (y < endY) {
	y+=2;
	var x = sn1StartX + 'px';
	var y = y + 'px';
	moveObjTo(layerToMove,x,y);
	moveagain = layerToMove;
	setTimeout('moveDown(moveagain)',5);}
}

function moveUp(layerToMove) {
var endY = sn1StartY;
o = document.getElementById(layerToMove);
y = o.offsetTop;
if (y > endY) {
	y-=5;
	var x = sn1StartX + 'px';
	var y = y + 'px';
	moveObjTo(layerToMove,x,y);
	moveagain = layerToMove;
	setTimeout('moveUp(moveagain)',5);}
}

function collapse(id)
{
	moveObjLayer(id,1);
	func = "moveUp('"+id+"')";
	tim = setTimeout(func, 500);
}

function stopHide () {
	clearTimeout(tim);
}

var sn1StartX = 0;
var sn1StartY = 16;
var sn1Height = 20;