function initSubnav(){
	var subnav = document.getElementById('nav-portfolio');
	var subnavas = subnav.getElementsByTagName('a');
	for (var a=1; a<subnavas.length; a++){
		var currenthref=String(subnavas[a].href);
		currenthref=currenthref.split("&");
		var currentloc=String(document.location);
		currentloc=currentloc.split("&");
		if (unescape(currenthref[0])==unescape(currentloc[0])){
			subnavas[a].className="current"
		}
	}
}

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

function switchSS(){
	var img = document.getElementById("views").getElementsByTagName("img");
	var mainimg = document.getElementById("mainimage").getElementsByTagName("img");
	var arr = document.getElementById("arrow");
	
	for (var i=0; i<img.length-1;i++){
		img[i].className = "";
		var mainimg = document.getElementById("mainimage-"+(i+1));
		mainimg.style.visibility = 'hidden';
	}
	this.className = "current";
	var j = this.src.split(".jpg");
	j = j[0].split("-");
	j = j[1];
	var mainimg = document.getElementById("mainimage-"+j);
	setOpacity(mainimg, 0);
	mainimg.style.visibility = 'visible';
	fadeIn("mainimage-"+j,0);
	arr.style.top = j*50-9+"px";
}


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

function initialize(){
    if ( document.getElementById ){  
		if (document.getElementById("portfolio")) initSubnav();
		if (document.getElementById("portfolio") && document.getElementById("thumbs")) initViews();
    }
}

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

window.onload=initialize;