function initSubnav(){
    var nav = document.getElementById('snav');
    var navas = nav.getElementsByTagName('a');
    for (var a=0; a<navas.length; a++){
        var currenthref=String(navas[a].href);
        var currentloc=String(document.location);
		  currentloc=currentloc.split("?");
        if (unescape(currenthref)==unescape(currentloc[0])){
            navas[a].className="current"
        }
    }
}

function initViews(){
	var li = document.getElementById("views").getElementsByTagName("li");
	li[0].className = "current";
	for (var i=0; i<li.length;i++){
		addAnEvent(li.item(i),'click',switchSS);
	}
	var ss = document.getElementById("screenshot");
	setOpacity(ss, 0);
	ss.style.visibility = 'visible';
	fadeIn("screenshot",0);
}

function switchSS(){
	var ss = document.getElementById("screenshot");
	var li = document.getElementById("views").getElementsByTagName("li");
	for (var i=0; i<li.length;i++){
		li[i].className = "";
	}
	this.className = "current";
	var code = ss.src.split("/pimg/");
	code = code[1].split("-");
	code = code[0];
	ss.src = "../pimg/"+code+"-"+this.innerHTML.charAt(0)+".gif";
	setOpacity(ss, 0);
	ss.style.visibility = 'visible';
	window.setTimeout("fadeIn('screenshot',0)", 500);
}

function initLinks(){
	var c = document.getElementById('content');
    var as = c.getElementsByTagName('a');
    for (var i=0; i<as.length; i++){
		if (as[i].className.indexOf("pop") != -1){
            addAnEvent(as.item(i),'click',popupWin);
        }
    }
}

function popupWin(){
 		appWindow = window.open (this.href,"popup","width=600,height=400,toolbar=1,scrollbars=1,resizable=1");
		appWindow.focus ();
		return false;        
}

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 fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 5;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 30);	
		}
	}
}

function initialize(){
	if ( document.getElementById ){
		if (document.getElementById('snav')) initSubnav();
		if (document.getElementById('views')) initViews();
		initLinks();
	}
}

function addAnEvent( target, eventName, functionName){
   eval('target.on'+eventName+'=functionName');
}

window.onload=initialize;