function ready(){
	
	/*IE Detection*/
		if($.browser.msie) window.ie=1;
		if($.browser.msie && $.browser.version<=7) window.ie7=1;
		
		
		
	$("#guide").click(function(){$(this).hide();});
	
	/*contact form focus*/
	$("form input,form textarea").focus(function(){window.catch_keypress=0;if($(this).val() == $(this).attr("title")) $(this).val("");}).blur(function(){window.catch_keypress=1;if($(this).val() == "") $(this).val($(this).attr("title"));});
	
	
	/*logo hover&click*/
	$("a.logo").hover(function(){
		Cufon($('.tiza' , this), {fontFamily: 'Tiza', color: '#000', textShadow: '0 1px #454545'});
	},function(){
		Cufon($('.tiza' , this),{fontFamily: 'Tiza',color: '#e4e4e4', textShadow: '0 1px #000'});
	}).click(function(){$('html,body').animate({scrollTop:$("#projects").offset().top},{queue:false});return false;});
	

	/*menu btns hover&click*/
	$("#nav .btn").each(function(i){
		$(this).hover(function(){
			if(!$(this).hasClass("on")){
				navColorsHov($(this).attr("rel"));
			}
		},function(){
			if(!$(this).hasClass("on")){
				navColorsDef($(this).attr("rel"));
			}
		}).
		click(function(){window.interOn=0;scrollto($(this).attr("rel"));return false;});
	});
	
	/*menu btns hover&click*/
	$("#nav").hover(function(){window.interOn=0;},function(){window.interOn=1;});
	
	/*blue scroll button click*/
	$(".scroll_up").click(function(){
		$('html,body').animate({scrollTop:0},{queue:false});return false;
	});
	
	/*do when the page is loaded*/
	onlyPage();
		
}
/////////////////////////////////////////////////////


/*set globals*/
window.catch_keypress=1;
window.totalPic=0;
window.cur_id=1;
window.interOn=1;

/*CUFON*/
Cufon.replace('.tiza', { fontFamily: 'Tiza' , hover: true, textShadow: '0 1px #000'});
Cufon.replace('.tiza2', { fontFamily: 'Tiza' , hover: true, textShadow: '0 1px #000'});
Cufon.replace('#about h1,#about h2,#about h3,#about h5,#contact h5', { fontFamily: 'Tiza', textShadow: '0 1px #fff'});
Cufon.replace('.stan', { fontFamily: 'standard 07_57' ,hover: true, textShadow: '0 1px #000'});

/*do when the page is loaded*/
function onlyPage(){
	setCurrentBtn();
	startInterval();
	contactForm();
	generalRefresh();
	
	$(".bgs").show();
}

/*do when page is loaded and project switched*/
function generalRefresh(){
	window.video_on=0;
	$("#projects .play").click(function(){load_showreel("sd");return false;});//active play btn
	$("#projects .blueBtn").click(function(){$("#loader").fadeIn();loadProject($(this).attr("rel"));return false;});//switch project
	$("#loader").fadeOut();
	works();
	getDivHeights();
}

/*do when only project is switched*/
function loadProject(pcat){
	$.ajax({
		type: "POST",
		url: "posters.php",
		data: "pcat="+pcat,
		success: function(msg){
			$('#projects .wrapper').html(msg);
			generalRefresh();
			Cufon.refresh(".tiza2");
		}
	});
}



/*poster hovers & clicks (get project id and total peoject images)*/
function works(){
	$("#projects .work").hover(function(){
		$(">span",this).fadeIn();
	},function(){
		$(">span",this).fadeOut();
	}).click(function(){
		window.interOn=0;
		var rel = $(this).attr("rel").split("|");
		window.pid = rel[0];
		window.totalPic = rel[1];
		if(totalPic>0) $(this).showAlbum();
		// else alert("There is no album for this project.");
		/*get project image details*/
		$.getJSON('/json.php',{pid:pid},function(data){window.imageDetails = data;});
		return false;
	});
}

/*load album*/
$.fn.showAlbum = function(){
	pauseVideo(1);
    $("#loader").fadeIn();
	$.ajax({
		type: "POST",
		url: "album.php",
		data: "pid="+pid,
		success: function(msg){
			$('#album').html(msg);
			$("#loader").fadeOut();
			$("#album_bg , #album").fadeIn();
			albumNav();
			
			window.maskW  = $("#album .thumbs_mask").width();
			window.thumbW  = $("#album .thumbs").width();
			window.singleThumbW  = $("#album .thumbs a").width();
		 	
			if(totalPic > 7){
				$("#album .slider").slider({
					min:0,
					max:thumbW-maskW,
					slide: function(event, ui){
					   $("#album .thumbs").css("margin-left", "-"+ui.value+"px");
					   //console.log(ui.value);
					}
				});
			}else if(totalPic == 7){
			   $("#album .thumbs").css("width", "100%");
			}else{
			   $("#album .thumbs").css("width", "100%");
			   $("#album .thumbs a").css("float", "none");
			}
			
			$('#album .imgContainer img:last-child').load(function(){
				$('#album .loading_thumbs').fadeOut();
				$('#album .thumbs_mask').animate({opacity:1});
				$('#album .thumbs a:first-child').addClass("hover");
			});
		}
	});
};


/*set all nav buttons*/
function albumNav(){
	$("#album .thumbs a").hover(function(){
			if(window.ie) $("img",this).addClass("vh"); else $("img",this).animate({opacity:0});
		},function(){
			if(window.ie) $("img",this).addClass("vh"); else $("img",this).animate({opacity:1});
		}
	);
	$("#album .holder").mouseover(function(){$("a",this).animate({opacity:1});});
	$("#album .holder").hover(function(){},function(){$("a",this).animate({opacity:0});});
	$("#album .nav").click(function(){var rel = $(this).attr("rel");slide(rel);return false;});
	$(document).click(function(){close_album();});
	$("#album .close").click(function(){close_album();return false;});
	$("#album .container").click(function(e){e.stopPropagation();});
}

/*do these when clicked on nav buttons*/
function slide(index){
	var index = parseInt(index);
	$("#album .thumbs a img").show();
	$("#album .thumbs a:eq("+index+") img").hide();
	
	$("#album .thumbs a").removeClass("hover");
	$("#album .thumbs a:eq("+index+")").addClass("hover");

	
	$("#album .year").html(imageDetails[index].year);
	$("#album .title").html(imageDetails[index].title);
	var height = parseInt(imageDetails[index].height);
	$("#album .mask").animate({height:height+"px"});
	
	$("#album .imgContainer").animate({left:"-"+948*index+"px"},{queue:false});
	//$("#album .holder a").animate({opacity:0});
	$("#album .holder").hide();
	if(totalPic>0 && index!=0){$("#album .prev").attr("rel",index-1);$("#album .next").attr("rel",index+1);$("#album .left_holder").show();}
	if(totalPic>0 && index!=totalPic-1){$("#album .prev").attr("rel",index-1);$("#album .next").attr("rel",index+1);$("#album .right_holder").show();}
	
	if(maskW < thumbW){
		if(index<totalPic-7) $("#album .thumbs").animate({"margin-left": "-"+(index*134)+"px"}); else $("#album .thumbs").animate({"margin-left": "-"+((totalPic-7)*134)+"px"});
		$(".slider").slider( "option", "value", (index*134));
		//$("#album .thumbs").animate({"margin-left": pos*newSliderPos+"px"});
	}
	//console.log("index:"+(index+1)+"total:"+totalPic)
}

function load_showreel(quality){
	$('#video_holder').html("Loading Video...");
	$('#video_holder').show();
	$(".borderer .overlay").fadeOut();
	$.ajax({
		type: "POST",
		url: "video.php",
		data: "quality="+quality,
		success: function(msg){
			$('#video_holder').html(msg);
			VideoJS.setup();
			$(".vjs-controls").addClass("vv");
			$(".vjs-controls").append('<li class="vjs-hd-control" title="Switch to High Quality"><span>HQ</span></li>');
			
			var hd = $(".vjs-hd-control span");
			if(quality=="sd"){
				hd.removeClass("hd_on");hd.attr("title","Switch to Low Quality");
			}else{
				hd.addClass("hd_on");hd.attr("title","Switch to High Quality");
			}
			
			$(".vjs-hd-control").click(function(){pauseVideo();if(quality=="sd") load_showreel("hd"); else load_showreel("sd");});
			$(".vjs-fullscreen-control").attr("title","Fullscreen/Standart View");
			playVideo();
			window.video_on=1;
		}
	});
}

function playVideo(){
	v = document.getElementsByTagName('video')[0];
	v.play();
}

function pauseVideo(hide){
	if(window.video_on==1){
		v = document.getElementsByTagName('video')[0];
		v.src="";
		v.load();
		v.pause();
		if(hide){
			$('#video_holder').html("Loading Video...");
			$(".borderer .overlay").show();
		}
		window.video_on=0;
	}
}


function close_album(){
	$("#album_bg , #album").fadeOut();window.interOn=1;
}

/*detect key press*/
$(document).keypress(function(e){
	if(window.catch_keypress==1){
		if (e.keyCode == 80 || e.charCode == 80 || e.keyCode == 112 || e.charCode == 112){
			scrollto(1);
		}
		else if (e.keyCode == 65 || e.charCode == 65 || e.keyCode == 97 || e.charCode == 97){
			scrollto(2);
		}
		else if (e.keyCode == 66 || e.charCode == 66 || e.keyCode == 98 || e.charCode == 98){
			window.location="http://cgcan.blogspot.com";
		}
		else if (e.keyCode == 67 || e.charCode == 67 || e.keyCode == 99 || e.charCode == 99){
			scrollto(4);
		}
	}
});


function navColorsDefAll(){
	Cufon($('#nav a.btn span.s1'),{fontFamily: 'Tiza',color: '#ccc', textShadow: '0 1px #000'});
	Cufon($('#nav a.btn span.s2'),{fontFamily: 'Tiza', color: '-linear-gradient(#d8d8d8, #737373)', textShadow: '0 1px #000'});
}

function navColorsDef(id){
	Cufon($('#nav a.btn'+id+' span.s1'),{fontFamily: 'Tiza',color: '#ccc', textShadow: '0 1px #000'});
	Cufon($('#nav a.btn'+id+' span.s2'),{fontFamily: 'Tiza', color: '-linear-gradient(#d8d8d8, #737373)', textShadow: '0 1px #000'});
}

function navColorsHov(id){
	Cufon($('#nav a.btn'+id+' span.s1'),{fontFamily: 'Tiza', color: '#000', textShadow: '0 1px #4b4b4b'});
	Cufon($('#nav a.btn'+id+' span.s2'),{fontFamily: 'Tiza', color: '-linear-gradient(#e7c80e, #ca821b)', textShadow: '0 1px #000'});
}

function setCurrentBtn(){
	$("#nav .btn").removeClass("on");
	$("#nav .btn"+cur_id).addClass("on");
	$("#nav .btn").each(function(i){
		$(this).css("background-position",-(i*102)+"px 0px");
	});
	$("#nav .btn"+cur_id).css("background-position",-((cur_id-1)*102)+"px -102px");
	navColorsDefAll();
	Cufon($('#nav a.btn'+cur_id+' span.s1'),{fontFamily: 'Tiza', color: '#fff', textShadow: '0 1px #002255'});
	Cufon($('#nav a.btn'+cur_id+' span.s2'),{fontFamily: 'Tiza', color: '-linear-gradient(#fff, #cbcfd7)', textShadow: '0 1px #000'});
	Cufon.refresh('.stan');
}

function getDivHeights(){
	var projectsH = $("#projects").innerHeight();
	var aboutH = $("#about").innerHeight();
	var contactH = $("#contact").innerHeight();
	window.projectsB = projectsH;
	window.aboutB = projectsB + aboutH;
	window.contactB = aboutB + contactH;
}


function scrollto(id){
	window.interOn=0;
	window.cur_id=id;
	setCurrentBtn();
	$('html,body').animate({scrollTop:$(".section"+id).offset().top}, 1000, function(){window.interOn=1;});
}

var screenH = $(window).height();
function navScrollPost(){
	
	if(window.interOn==1){
		var st = $(window).scrollTop();
		var t = st+screenH/2;
		
		if(t<window.projectsB && cur_id != 1){window.cur_id=1;setCurrentBtn();}
		else if((t>window.projectsB  && t<window.aboutB) && cur_id!=2){window.cur_id=2;setCurrentBtn();}
		else if((t>window.aboutB  && t<window.contactB)  && cur_id!=4){window.cur_id=4;setCurrentBtn();}
	}
}

var checkNav;
function startInterval(){
	checkNav = setInterval('navScrollPost()',2000);
}

function contactForm(){
	$("#contactForm>a").click(function(){$("#contactForm").submit();return false;});
	$("#contactForm").submit(function(){
		window.error=0;
		window.contactData = "act=contactForm";
		
		$("#contactForm>*").removeClass("fieldError");
		$("#contactForm [name=subject]").checkField();
		$("#contactForm [name=name]").checkField();
		$("#contactForm [name=email]").checkField("email");
		$("#contactForm [name=message]").checkField();

		if(error==0){$("#contactForm").fadeOut(function(){$("#contact .success").fadeIn();});$.ajax({type:"POST",url:"/send.php",data:contactData,success:function(msg){if(msg=="error") $("#contact .success").html("You sent too much messages!");}});}

		return false;

	});
}

jQuery.fn.checkField = function(type){
	var error=0;
	if($(this).val().length<3 || $(this).val() == $(this).attr("title")){error=1;}
	else if(type=="email" && ($(this).val().length<7 || $(this).val().indexOf("@")<1 || ($(this).val().indexOf("@")+2)>$(this).val().lastIndexOf(".") || $(this).val().lastIndexOf(".")>($(this).val().length-2))){error=1;}
	if(error==1){window.error=1;$(this).addClass("fieldError");}
	window.contactData += "&"+$(this).attr("name")+"="+$(this).val();
}

$(window).resize(function() {
	var screenW = $(window).width();
	if(screenW<950){$("#nav").css({"left":"0","margin-left":"5px"});}else{$("#nav").css({"left":"50%","margin-left":"-470px"});}
});





