function navTo(to) {
	if(to == "projects") {
		document.getElementById("projects").style.display = "none";
		document.getElementById("clients").style.display = "block";
		document.getElementById("np_pr").className = "g_b_a";
		document.getElementById("pink").style.display = "none";
		document.getElementById("gray").style.display = "none";
		document.getElementById("blue").style.display = "none";
		document.getElementById("green").style.display = "block";
		document.getElementById("pro_t").className = "no_line";
		document.getElementById("np_t").className = "underline";
	}
	if(to == "np") {
		document.getElementById("projects").style.display = "none";
		document.getElementById("clients").style.display = "block";
		document.getElementById("np_pr").className = "b_g_a";
		document.getElementById("pink").style.display = "none";
		document.getElementById("gray").style.display = "none";
		document.getElementById("blue").style.display = "block";
		document.getElementById("green").style.display = "none";
		document.getElementById("pro_t").className = "underline";
		document.getElementById("np_t").className = "no_line";
	}

	if(to == "clients") {
		document.getElementById("projects").style.display = "block";
		document.getElementById("clients").style.display = "none";
		document.getElementById("cl_ot").className = "b_p_a";		
		document.getElementById("pink").style.display = "none";
		document.getElementById("gray").style.display = "block";
		document.getElementById("blue").style.display = "none";
		document.getElementById("green").style.display = "none";
		document.getElementById("cli_t").className = "no_line";
		document.getElementById("ot_t").className = "underline";
	}
	if(to == "ot") {
		document.getElementById("projects").style.display = "block";
		document.getElementById("clients").style.display = "none";
		document.getElementById("cl_ot").className = "p_b_a";		
		document.getElementById("gray").style.display = "none";
		document.getElementById("pink").style.display = "block";
		document.getElementById("blue").style.display = "none";
		document.getElementById("green").style.display = "none";
		document.getElementById("cli_t").className = "underline";
		document.getElementById("ot_t").className = "no_line";
	}

}

function preview(useId, picPath, spicId) {
	document.getElementById('image'+useId).innerHTML = "<a href=\""+picPath.replace("-", "")+"\" onClick=\"bigPic('"+picPath.replace("-", "")+"'); return false;\"><img src=\""+picPath+"\" id=\"pic_"+useId+"\"></a>";
//	document.getElementById('pic_'+useId).src = picPath;
	document.getElementById(spicId).className = "preview_a";
	document.getElementById(eval("id"+useId)).className = "preview";
	eval("id"+useId+" = '"+spicId+"'");
}

function setHeight() {
var brw = navigator.appVersion;
	if(brw == brw.replace("Safari","")) {
		var height = document.body.clientHeight;
		document.getElementById('td').style.height = height+"px";
	} else { 
//		var height = document.body.clientHeight;
//		document.getElementById('td').style.height = height+"px";

		window.location.href = "#";
		document.getElementById('td').style.height = "auto";
	}

}

function hide() {
	document.body.scroll = "yes";
	document.getElementById('fader').style.display = "none";
	document.getElementById('pic').style.display = "none";
}

function bigPic(pic) {
	setHeight();
	document.body.scroll = "no";
	document.getElementById('fader').style.display = "block";
	document.getElementById('pic').style.display = "block";
	if(navigator.appVersion == navigator.appVersion.replace("Safari/", "")) {
		document.getElementById('td').innerHTML = "<img src=\""+pic+"\">";
	} else {
		document.getElementById('picture').src = pic;
	}
}