function gonav(newnav,navtype){

	var currbackname = 'backpic' + currnav;
	var newbackname = 'backpic' + newnav;
	var currcontname = 'content' + currnav;
	var newcontname = 'content' + newnav;
	var currsquare = 'square' + currnav;
	var newsquare = 'square' + newnav;
	var currlink = 'link' + currnav;
	var newlink = 'link' + newnav;
	
	if(currnav < newnav){ 
		$(newbackname).setStyle({left: "2000px"});
		new Effect.Morph(currbackname, { style: 'left:-2000px;', duration: 0.5 });
		new Effect.Morph(newbackname, { style: 'left:0px;', duration: 0.5 });
		
		$(newcontname).setStyle({left: "960px"});
		new Effect.Morph(currcontname, { style: 'left:-960px;', duration: 0.5 });
		new Effect.Morph(newcontname, { style: 'left:0px;', duration: 0.5 });
		
		new Effect.Morph(newlink, { style: 'color:#000000;', duration: 0.5 });
		new Effect.Morph(currlink, { style: 'color:#C6C4BD;', duration: 0.5 });	
		
		if(navtype==1){
			new Effect.Morph(newsquare, { style: 'background:#896F45;', duration: 0.5 });
			new Effect.Morph(currsquare, { style: 'background:#C6C4BD;', duration: 0.5 });		
		}else if(navtype==2){
			new Effect.Morph(newsquare, { style: 'border-left: 5px solid #896F45;', duration: 0.5 });
			new Effect.Morph(currsquare, { style: 'border-left: 5px solid #C6C4BD;', duration: 0.5 });
		}
		
		currnav = newnav;
	}
	
	if(currnav > newnav){
		$(newbackname).setStyle({left: "-2000px"});
		new Effect.Morph(currbackname, { style: 'left:2000px;', duration: 0.5 });
		new Effect.Morph(newbackname, { style: 'left:0px;', duration: 0.5 });
		
		$(newcontname).setStyle({left: "-960px"});
		new Effect.Morph(currcontname, { style: 'left:960px;', duration: 0.5 });
		new Effect.Morph(newcontname, { style: 'left:0px;', duration: 0.5 });
		
		new Effect.Morph(newlink, { style: 'color:#000000;', duration: 0.5 });
		new Effect.Morph(currlink, { style: 'color:#C6C4BD;', duration: 0.5 });		

		if(navtype==1){		
			new Effect.Morph(newsquare, { style: 'background:#896F45;', duration: 0.5 });
			new Effect.Morph(currsquare, { style: 'background:#C6C4BD;', duration: 0.5 });
		}else if(navtype==2){
			new Effect.Morph(newsquare, { style: 'border-left: 5px solid #896F45;', duration: 0.5 });
			new Effect.Morph(currsquare, { style: 'border-left: 5px solid #C6C4BD;', duration: 0.5 });		
		}		
		
		currnav = newnav;
	}
}

function gopnav(newnav){

	var currbackname = 'pbackpic' + currpnav;
	var newbackname = 'pbackpic' + newnav;
	var currcontname = 'pcontent' + currpnav;
	var newcontname = 'pcontent' + newnav;
	var currsquare = 'psquare' + currpnav;
	var newsquare = 'psquare' + newnav;
	var currlink = 'plink' + currpnav;
	var newlink = 'plink' + newnav;
	
	if(currpnav < newnav){ 
		$(newbackname).setStyle({left: "2000px"});
		new Effect.Morph(currbackname, { style: 'left:-2000px;', duration: 0.5 });
		new Effect.Morph(newbackname, { style: 'left:0px;', duration: 0.5 });
		
		$(newcontname).setStyle({left: "960px"});
		new Effect.Morph(currcontname, { style: 'left:-960px;', duration: 0.5 });
		new Effect.Morph(newcontname, { style: 'left:0px;', duration: 0.5 });
		
		new Effect.Morph(newlink, { style: 'color:#000000;', duration: 0.5 });
		new Effect.Morph(currlink, { style: 'color:#C6C4BD;', duration: 0.5 });	
		
		new Effect.Morph(newsquare, { style: 'border:2px solid #896F45;', duration: 0.5 });
		new Effect.Morph(currsquare, { style: 'border:2px solid #C6C4BD;', duration: 0.5 });		
		
		currpnav = newnav;
	}
	
	if(currpnav > newnav){
		$(newbackname).setStyle({left: "-2000px"});
		new Effect.Morph(currbackname, { style: 'left:2000px;', duration: 0.5 });
		new Effect.Morph(newbackname, { style: 'left:0px;', duration: 0.5 });
		
		$(newcontname).setStyle({left: "-960px"});
		new Effect.Morph(currcontname, { style: 'left:960px;', duration: 0.5 });
		new Effect.Morph(newcontname, { style: 'left:0px;', duration: 0.5 });
		
		new Effect.Morph(newlink, { style: 'color:#000000;', duration: 0.5 });
		new Effect.Morph(currlink, { style: 'color:#C6C4BD;', duration: 0.5 });		

		new Effect.Morph(newsquare, { style: 'border:2px solid #896F45;', duration: 0.5 });
		new Effect.Morph(currsquare, { style: 'border:2px solid #C6C4BD;', duration: 0.5 });		
		
		currpnav = newnav;
	}
}

var currpnav = 1;

function showproject(project){
currpnav = 1;
	new Ajax.Updater('projectdet', '/content/project.php?catid='+project,{
		evalScripts:true,
		onComplete:function(){
			new Effect.Morph("allprojects", { style: "left:-960px;", duration: 0.5 });
			new Effect.Morph("projectdet", { style: "left:0px;", duration: 0.5 });
		}
	});
}

function backtoport(){
			new Effect.Morph("allprojects", { style: "left:0px;", duration: 0.5 });
			new Effect.Morph("projectdet", { style: "left:960px;", duration: 0.5 });	
}