// Detect Flash
function hasFlash( ){
	if ((navigator.appName == "Microsoft Internet Explorer" &&
    navigator.appVersion.indexOf("Mac") == -1 &&   navigator.appVersion.indexOf("3.1") == -1) ||
    (navigator.plugins && navigator.plugins["Shockwave Flash"])
                       || navigator.plugins["Shockwave Flash 2.0"]){
	    return true;
	} else {
		document.getElementById("noflash").style.visibility = 'visible';
	    return false;
	}
}

// Windows
function popupWindow( url ){
	// Positions
	w=540;
	h=480;
	sw=(screen.width / 2);
	sh=(screen.height / 2);
	x = sw - (w / 2);
	y = sh - (h / 2);
	
	// Display
	toolbar_str =  'no';
	menubar_str =  'no';
	statusbar_str = 'no';
	scrollbar_str = '1';
	resizable_str = 'no';
	window.open( url, 'upopup', 'left='+x+',top='+y+',width='+w+',height='+h+
		',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+
		',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}

// Forms
function clearOnFocus( field ){
	field.onfocus = function() {
		if(this.value == this.defaultValue) {
			this.value = "";
		}
	}
	field.onblur = function() {
		if(this.value == "") {
			this.value = this.defaultValue;
		}
	}
}
function passClearOnFocus( field ){
	field.onfocus = function() {
		if(this.value == this.defaultValue) {
			var fname=this.id;
			changeInputType(fname, "password");
			fieldObj = document.getElementById(fname);
			fieldObj.value = "";
			fieldObj.select();
			fieldObj.focus();
		}
	}
	field.onblur = function() {
		if(this.value == "") {
			this.value = this.defaultValue;
			changeInputType(this.id, "text");
		}
	}
}

function changeInputType(objID, oType) {
var oldObject = document.getElementById(objID);
var newObject = document.createElement('input');
newObject.type = oType;
if(oldObject.value) newObject.value = oldObject.value;
if(oldObject.defaultValue) newObject.defaultValue = oldObject.defaultValue;
if(oldObject.style.width) newObject.style.width = oldObject.style.width;
if(oldObject.name) newObject.name = oldObject.name;
if(oldObject.id) newObject.id = oldObject.id;
if(oldObject.onfocus) newObject.onfocus = oldObject.onfocus;
if(oldObject.onblur) newObject.onblur = oldObject.onblur;
if(oldObject.className) newObject.className = oldObject.className;
oldObject.parentNode.replaceChild(newObject,oldObject);
return;
}

// Panels
var oldpanel = 0;
var newpanel = 0;
var div = new Array();
var divsummary = new Array();
var divdetail = new Array();
var divsize = new Array();
var divbgimg = new Array();
var ratio=20;
var busy=false;
var pic = new Array();
var pic2 = new Array();

function initPanels( ){
	for( i=1;i<=numpanels;i++){
		pic[i]= new Image(); 
		pic[i].src=basepath + divbgimg[i]; 
		pic2[i]= new Image(); 
		pic2[i].src=basepath + "off-" + divbgimg[i]; 
		div[i]=document.getElementById( "panel" + i );
		divsummary[i]=document.getElementById( "panelsummary" + i );
		divdetail[i]=document.getElementById( "paneldetail" + i );
		div[i].style.width=smallsize_str + "px";
		divdetail[i].style.visibility='hidden';
		divsize[i]=smallsize;
		div[i].style.backgroundImage="url(" + basepath + "off-" + divbgimg[i] + ")";
	}
	activePanel( 1 );
}

/*
actpanel=1;
div[actpanel].style.width=largesize_str + "px";
divsize[actpanel]=largesize;
oldpanel=actpanel;
div[actpanel].className='panelselected';
divdetail[actpanel].style.visibility = 'visible';
divsummary[actpanel].style.visibility = 'hidden';
div[actpanel].style.backgroundImage="url(" + basepath + divbgimg[actpanel] + ")";
*/

function activePanel( pnPanel ){
	if( pnPanel != newpanel ){
		if( busy == true ){
			// Tidy up preview drawing
		} else {
			newpanel=pnPanel;
                        if( oldpanel != 0 ){
			  div[oldpanel].className='panel';
                        }
			div[newpanel].className='panelselected';
			div[newpanel].style.backgroundImage="url(" + basepath + divbgimg[newpanel] + ")";
			divdetail[newpanel].style.visibility = 'hidden';
			divsummary[newpanel].style.visibility = 'hidden';
                        if( oldpanel != 0 ){
  			  divsummary[oldpanel].style.visibility = 'visible';
			  divdetail[oldpanel].style.visibility = 'hidden';
                        }
			busy=true;
//		    setTimeout( animatePanel, 20 );
                    resetPanels()
		}
	}
}

function resetPanels( ){
	divsize[newpanel]=largesize;
	div[newpanel].style.width=divsize[newpanel] + "px";
	div[newpanel].className='panelselected';
	divdetail[newpanel].style.visibility = 'visible';
	divsummary[newpanel].style.visibility = 'hidden';
	if( oldpanel != 0 ){
		divsize[oldpanel]=smallsize;
		div[oldpanel].style.width=divsize[oldpanel] + "px";
		div[oldpanel].className='panel';
		div[oldpanel].style.backgroundImage="url(" + basepath + "off-" + divbgimg[oldpanel] + ")";
	}
	oldpanel=newpanel;
	busy=false;
}

function animatePanel( ){
	divsize[newpanel]=divsize[newpanel]+ratio;
	div[newpanel].style.width=divsize[newpanel] + "px";
	if( oldpanel != 0 ){
		divsize[oldpanel]=divsize[oldpanel]-ratio;
		div[oldpanel].style.width=divsize[oldpanel] + "px";
	}
	if( divsize[newpanel] < largesize ){
	    setTimeout( animatePanel, 5 );
	} else {
		// Reset properly
		resetPanels();
	}
}

// Browse list of options
var old=0;
var pcount=0;
var divleft = new Array();
var divdetail = new Array();

function initBrowseInfo( ){
	var divs=document.body.getElementsByTagName('div'); 
	var n=divs.length;
	for(c=0;c<n;c++) {
		if(divs[c].className=='leftpane'){
			pcount=pcount+1;
			divleft[pcount]=divs[c];
		}
		if(divs[c].className=='rightpane'){
			divdetail[pcount]=divs[c];
		}
	}

	for( c=pcount;c<7;c++ ){
		document.write( '<div class="leftpaneempty"></div>' );
	}
	showBrowseInfo( divleft[1] );
}

function showBrowseInfo( nDiv ){
	for(c=1;c<=pcount;c++){
		if( divleft[c] == nDiv ){
			if( old != 0 ){
				divdetail[old].style.display = "none";
				divleft[old].style.background = "#EEEDE8";
		   	    divleft[old].style.color = "#AAA48E";
			}
			divdetail[c].style.display = "block";
			divleft[c].style.background = "#a0cfeb";
			divleft[c].style.color = "white";
			old=c;
			break;
		}
	}
}