// JavaScript Document

// Handles mouse-over states for images
function switcher(i) {
    alert('switcher '+i);
	var id = document.getElementById(i);
	var s = id.src;
	var type;
	var src;
	var nsrc;
	
	if (s.indexOf('active') == -1) {
		if (s.indexOf('.gif') >= 0) {
			type = '.gif';
		} else if (s.indexOf('.jpg') >= 0) {
			type = '.jpg';
		} else if (s.indexOf('.png') >= 0) {
			type = '.png';
		} else {
			alert('This is not an image.');
		}
		
		src = s.replace(type, '');
		
		if (src.indexOf('-on') == -1) {
			nsrc = src + '-on' + type;
		} else {
			nsrc = src.replace('-on', '');
			nsrc += type;
		}
		
		id.src = nsrc;
	}
}

// Show or hide an element by passing its ID
function hide(id) {
    //alert('hide '+id);
	x = document.getElementById(id);
	x.className = 'off';
}

function show(id) {
    //alert('show '+id);
	x = document.getElementById(id);
	x.className = 'on';
}

// I switch panels on the home page
var panels = new Array();
var currenttab = 0;
var i = 0;
panels[0] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[1] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[2] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[3] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[4] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[5] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[6] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[7] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[8] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[9] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];
panels[10] = ['../Template/Images/inactivetab.gif','../Template/Images/activetab.gif'];

function switchpanels(num){
    var i = 0;

	for(i = 0; i<panels.length; i++){
		var tab = document.getElementById('tab'+i);
		//alert('switchpanels '+i+' '+tab);
		var panel = 'panel'+i;
		
		if(i == num){
			//tab.src = panels[i][1];
			tab.className = 'activetab';
			currenttab = num;
			show(panel);
		}else{
			//tab.src = panels[i][0];
			tab.className = 'inactivetab';
			hide(panel);	
		}
		
		//alert(tab.id+' '+tab.className);
	}
}

var state = 'none';

function showhide(id) {
    var me = document.getElementById(id);
          
    if(me.className == 'off'){
		alert('Show class');
		me.className = 'on';
    }else{
		alert('Hide class');
		me.className = 'off';		
    } 
}

function showmessagepanel(id) {
	var me = document.getElementById(id);
	//var me = document[id];	
	//me.style.visibility = 'visible';
	me.className = 'visible';
	//alert("showpanel: "+me + " " +me.className);
}

function hidemessagepanel(id){
	var me = document.getElementById(id);
	//var me = document[id];	
	//me.style.visibility = 'hidden';
	me.className = 'hidden';
	//alert("hidepanel: "+ me + " " +me.className);
}

function expandmp3player(){
    var p = document["mp3playershell"];
    if(p.style.height == 0 || p.style.height == '29px'){
        p.style.height = '250px';
    }else if(p.style.height == '250px'){
        p.style.height = '29px';
    }
}

function invokeFlashPanel(){
	var p = document["Panel"];
	var result = p.getURLPath();
}

function getMessageURL(response){ //Retrieve message url
	moveFlashPanel();
	if(response){
		toggleFlashPanel();
	}
	//Should this path be created in the .vb page (and passed to the SWF inline) rather than this exposed JS function?	
	var url = "http://www.stageselect.com/Flash/Panel.aspx"; //Live testing
	//alert("Flash has requested "+url);
	return url;
}

function moveFlashPanel(){
	var p = document.getElementById("messagepanel");	
}

function toggleFlashPanel(){
	var p = document.getElementById("messagepanel");
	if(p.style.visibility == 'visible'){
		p.style.visibility = 'hidden';
	}else{
		p.style.visibility = 'visible';
	}
}