$(document).ready(function(){
	
	
	var curtab = $(".tab-default:first");
						   
	var loadproject = function(id){
		
		id = id.replace("t_", "");
		project = eval("projects."+id);
			
		$("#portfoliocontent h1").html(project.Project.title);
		$("#portfoliocontent h2").html(project.Project.company);
	
		 Cufon.replace('h1', { fontFamily: 'Bree Rg' });
  		 Cufon.replace('h2', { fontFamily: 'Bree Rg' });
		
		$("#portfoliocontent div.text").html(project.Content.content);
		var list = "";
	
		var list = "<div class='slider2' id='slider_n"+project.Project.id+"'><ul>";
		for(var i =0; i < project.slider_photos.length; i++){
			foto = project.slider_photos[i];
			list+="<li><img src='"+mediaPath+foto.Media.id+"."+foto.Media.extension+"' /></li>";
			
				
		}
		list+="</ul><div class=\"counter\"></div></div>";
		
		
		$("#slide2").empty();
		$("#slide2").html(list)
		
		$("#slider_n"+project.Project.id).oSlider({
				autoplay: false,
				buttons: true
			});
		
		return false;
	
	
	}
						   
						   
	$("a.proj-link").live("click", function(){
		
		id = $(this).attr("id");
		
		return loadproject(id);
		
		
	});
	
	
	
	
	$("a.select_tab").live("click", function(){
		id = $(this).attr("id");
		id = id.replace("st", "");
		
		curid = curtab.attr("id").replace("tab", "");
		
		if(id > curid){
			
			var times = id-curid;
			for(var i=0; i < times; i++){	
				$("#tabfwd").trigger("click");
			}
		}else{
			var times = curid-id;
			for(var i=0; i < times; i++){	
				$("#tabback").trigger("click");
			}
		}
		
		/*$("a.select_tab img").attr("src", "images/tab_img01.png"); 
		
		
		$("#st"+id+" img").attr("src", "images/tab_img02.png"); 
		$("#tab"+id).show();
		curtab = $("#tab"+id);
		
		
		curid = curtab.attr("id").replace("tab", "");*/
		
		
		
		return false;
	
	});
	
	$("#tabfwd").live("click", function(){
		
		next = curtab.next(".tab:first");
		//curtab.hide();
		//next.show();
		if(next.length > 0 ){

		
			curid = curtab.attr("id").replace("tab", "");
			nextid = next.attr("id").replace("tab", "");
				
			$("#proj_tabs").animate({  marginLeft: '-=910'}, 1000);	
				
				
			$("#st"+curid+" img").attr("src", "images/tab_img01.png"); 
			$("#st"+nextid+" img").attr("src", "images/tab_img02.png"); 
			curtab = next;
		
		}
		
		return false;
	
	});
	
	$("#tabback").live("click", function(){
		
		prev = curtab.prev(".tab:first");
		//curtab.hide();
		//prev.show();
		if(prev.length > 0 ){
			
			$("#proj_tabs").animate({  marginLeft: '+=910'}, 1000);	
			
			curid = curtab.attr("id").replace("tab", "");
			previd = prev.attr("id").replace("tab", "");
				
			$("#st"+curid+" img").attr("src", "images/tab_img01.png"); 
			$("#st"+previd+" img").attr("src", "images/tab_img02.png"); 
			
			curtab = prev;
		}
		
		return false;
	
	});
	
	
	
	
	$("a.gotoproj").each(function(){
		
		$(this).click(function(){
			
			 $target = $("#portfolio");	
		     $target = $target.length && $target
		     || $('[name=' + this.hash.slice(1) +']');
		     if ($target.length) {
		    var targetOffset = $target.offset().top;
		    $('html,body')
		    .animate({scrollTop: targetOffset+100}, 1000);
		      
		     }
			
			id = $(this).attr("id");
			id = id.replace("projbtn2_", "");
			id = id.replace("projbtn_","");
			//alert(id);
			return loadproject("proj_"+id);
		});
		
		
	});
	
											
						   
});