sfHover = function() {
	var sfEls = document.getElementById("navul").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


function popwin(pageName, windowWidth, windowHeight){
	window.open(pageName, 'window', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width='+windowWidth+',height='+windowHeight+',top=150,left=150');return false;
	return false;
}

function u(id, img){
	document.getElementById(id).src = 'assets/images/'+img;
}

function ua(num){

	u('hero', 'projects/'+projectdir+'/lg'+num+'.jpg');

}

function rh(id, state){	
	document.getElementById(id).style.borderbottom = '9px solid #000';
}




function a(i){
	if (i>=images.length) i=0;
	document.getElementById('spot3').style.background="transparent url("+imgdir+images[i]+") no-repeat";
	i++;
	var recur_call = "a("+i+")";
	setTimeout(recur_call, 3000);
}

function Querystring(){
	var querystring=location.search.substring(1,location.search.length);
	var args = querystring.split('&');
	for (var i=0;i<args.length;i++){
		var pair = args[i].split('=');
		temp = unescape(pair[0]).split('+');
		name = temp.join(' ');
		temp = unescape(pair[1]).split('+');
		value = temp.join(' ');
		this[name]=value;
	}
	this.get=Querystring_get;
}
function Querystring_get(strKey,strDefault){
	var value=this[strKey];
	if (!value){
		value=strDefault;
	}
	return value;
}



function projectimagelist(prcaid){
	var col4text,lastclientid,catid,firstclientid,pagecount;
	col4text='';
	lastclientid=0;
	catid=0;
	firstclientid=0;
	pagecount=1
	for(i=1;i<8;i++){
		document.getElementById('c'+i).className='';
	}
	document.getElementById('col5').innerHTML="";
	for(i=0;i<projects_array.length;i++){
		if(projects_array[i][2]==prcaid&&projects_array[i][7]==1){
			lastclientid=0;
			pagecount=3;
		}
		if((projects_array[i][1]==prcaid || projects_array[i][2]==prcaid)&&projects_array[i][1]!=lastclientid){
			if (firstclientid==0) firstclientid=projects_array[i][1];
			if (projects_array[i][2]==prcaid) catid=prcaid;
			col4text=col4text+'<a href="#" onclick="selectproject('+projects_array[i][1]+','+catid+','+pagecount+')";><img src="assets/images/portfolio/'+projects_array[i][3]+'" /></a>';
			if (projects_array[i][1]==prcaid){
				lastclientid=0;
				pagecount++;
			} else {
				lastclientid=projects_array[i][1];
				pagecount=1;
			}
		}
	}
	document.getElementById('col4').innerHTML=col4text;
	if (catid>0) document.getElementById('c'+prcaid).className='sel';
	if (catid>0) document.getElementById('clientlist').selectedIndex=0;
	selectproject(firstclientid,catid,1);
}
function selectproject(clientid,categoryid,pagenum){
	var col5text,col5textpages,col5textdesc;
	var pagecount;
	var classsel;
	col5text="";
	pagecount=1;

	col5textpages="<div id=\"pages\">";
	for(i=0;i<projects_array.length;i++){
		if(projects_array[i][1]==clientid && (categoryid==0||categoryid==projects_array[i][2])){
			classsel="";
			if (pagecount==pagenum){
				col5text="<img src=\"assets/images/portfolio/"+projects_array[i][4]+"\" />";
				col5textdesc="<h2>"+projects_array[i][5]+"</h2>";
				col5textdesc=col5textdesc+"<p>"+projects_array[i][6]+"</p>";

				classsel="class=\"sel\"";
			}
			col5textpages=col5textpages+"<div id=\"p"+pagecount+"\" "+classsel+" onclick=\"selectproject("+projects_array[i][1]+","+categoryid+","+pagecount+")\">&nbsp;</div>";
			pagecount++;
		}
	}
	col5textpages=col5textpages+"</div>";
	col5text=col5text+col5textpages+col5textdesc;

	
	document.getElementById('col5').innerHTML=col5text;
	
}
