function initScreenshots(){
	var ss = document.getElementById('screenshots');
	var d = ss.getElementsByTagName("div");
	var views = document.getElementById('views');
	if (d.length > 1){
		var text = "views:";
		for (var i = 0; i < d.length; i++){
			text += "<a href=\"#\" ";
			if (i == 0) text += "class=\"current\" ";
			text += "onclick=\"switchSS("+i+"); return false\">"+(i+1)+"</a>";
		}
		views.innerHTML = text;
		views.style.display = "block";
		
		var ss = document.getElementById("ss1");
		setOpacity(ss, 0);
		ss.style.display = 'block';
		ss.style.visibility = 'visible';
		fadeIn("ss1",0);
	}	
}

function switchSS(s){
	var ss = document.getElementById('screenshots');
	var d = ss.getElementsByTagName("div");
	var viewsa = document.getElementById('views').getElementsByTagName("a");
	for (var i=0; i<viewsa.length;i++){
		if (i==s) viewsa[i].className = "current";
		else viewsa[i].className = "";
	}
	for (var i=0; i<d.length;i++){
		d[i].style.visibility = 'hidden';
		d[i].style.display = 'none';
	}
	s += 1;
	var sscurr = document.getElementById('ss'+s);
	setOpacity(sscurr, 0);
	sscurr.style.visibility = 'visible';
	sscurr.style.display = 'block';
	fadeIn("ss"+s,0);	
}

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+")", 10);	
		}
	}
}

$(document).ready(function(){
	if ( document.getElementById ){
		if (document.getElementById('screenshots')) initScreenshots();
	}
		
	$('#nav li').hover(
		function() {$(this).children().show();},
		function() {$('ul', this).hide('fast');}
	);
	
});

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