var windowWidth=1024;
var status="none";
var currImg="none";
var currThumb="none";
var move_speed=1;
var pixels=1;
var r,t="";
var doScroll=true;
var doHide=true;
var	scroll_layer="wall_container";
var wall_width=10;

$(document).ready(function(){
	$(window).resize(function(){
		windowWidth=$(window).width();
	});
	jQuery.easing.def = 'easeInQuart';
	$("#wall_container").css({left:windowWidth+200+"px"});
	$("#wall_container").animate({left:"0px"},2000);
	showMenuCollapsed();
	windowWidth=$(window).width();
	$().mousemove(function(e){
		if(doScroll){
			checkCoords(e.pageX);
   		}
   }); 
	$(".work").click(function(){
		var this_id=$(this).attr('this_id');	
		showWork(this_id);
	});

	$(".work").bind("mouseenter",function(){
		var this_id=$(this).attr('this_id');	
		$(".serie_"+this_id).fadeIn();
	}).bind("mouseleave",function(){
		var this_id=$(this).attr('this_id');	
		$(".serie_"+this_id).fadeOut();
	});

	$("#main_menu_container").bind("mouseenter",function(){
		s=setTimeout("showMenu(500)",500);
		clearTimeout(t);
	}).bind("mouseleave",function(){
		clearTimeout(s);
		t=setTimeout("hideMenu()",500);
	});
		
});


function checkCoords(x){
	if(x>windowWidth-(windowWidth/2)+100){
		if(x>windowWidth-windowWidth/8){
			pixels=15;
		}
		else if(x>windowWidth-windowWidth/5){
			pixels=8;
		}
		else {
			pixels=2;
		}
		if(status!="right"){
			scrollRight();
		}
		status="right";
	}
	else if(x<(windowWidth/2)-100){
		if(x<windowWidth/8){
			pixels=15;
		}
		else if(x<windowWidth/5){
			pixels=8;
		}
		else {
			pixels=2;
		}
		if(status!="left"){
			scrollLeft();
		}
		status="left";
	}
	else {
		stopScroll();
		
	}
}

function showMenu(s){
	if(doHide){
		$("#main_menu").show();
		doHide=false;
		$("#main_menu").animate({marginTop:"-10px",opacity:1});
		$("#main_menu > ul > li").removeClass("normal");
		$("#main_menu > ul > li").addClass("diap");
	    Cufon.replace('#main_menu > ul > li',{hover: true,textShadow: '#fff 1px 1px'});
		$("#main_menu > ul > li").animate({marginTop:"3px"},s,function(){
			//doHide=true;
		});
	}
}

function showMenuCollapsed(){
	$("#main_menu").css({marginTop:"14px",opacity:1});
	$("#main_menu > ul > li").css({marginTop:"-20px"});
}

function hideMenu(){
	//alert(doHide);
	if(doHide){
		$("#main_menu").animate({marginTop:"14px",opacity:1});
		$("#main_menu > ul > li").animate({marginTop:"-20px"},100,function(){
			$("#main_menu > ul > li").removeClass("diap");
			$("#main_menu > ul > li").addClass("normal");
	    	Cufon.replace('#main_menu > ul > li',{hover: true,textShadow: '#fff 1px 1px'});
		});
	}
	else {
		doHide=true
		t=setTimeout("hideMenu()",400);
	}
}

function scrollRight(){
	if(wall_width>800){
		var position=$("#"+scroll_layer).position();
		if((wall_width+position.left) > $(window).width()){
			new_left=position.left-pixels;
			$("#"+scroll_layer).css({left:new_left+"px"});
			r=setTimeout("scrollRight()",move_speed);
		}
	}
}

function scrollLeft(){
	if(wall_width>800){
		var position=$("#"+scroll_layer).position();
		if(scroll_layer=="work"){
			b=800;
		}
		else {
			b=0;
		}
		if(position.left < b){
			new_left=position.left+pixels;
			$("#"+scroll_layer).css({left:new_left+"px"});
			r=setTimeout("scrollLeft()",move_speed);
		}
	}
}


function stopScroll(){
	status="none";
	clearTimeout(r);
}

function showWork(id){
	currImg=id;
	stopScroll();
	//doScroll=false;
	var this_left=$("#work_"+id).offset().left;
	var this_top=$("#work_"+id).offset().top;
	var this_width=$("#work_"+id).attr("this_width");
	var this_height=$("#work_"+id).attr("this_height");
	$.post("work", {id:id,this_left:this_left,this_top:this_top,this_width:this_width,this_height:this_height}, function(data){
		scroll_layer="work";
		$("#overlay").html(data);
		$("#overlay").fadeIn(function(){
			$("#work").fadeIn();
		});
	});
}