var showOffset = "105px";
var hideOffset = "-2000px";
var leftShowOffset = "20px";
var showOffsetProjectWeb = "50px";
var topOffsetProjectWeb = "400px";
var hideOffsetProjectWeb = "-500px";
var clicked;
var globalWidth;			
window.addEventListener('contextmenu',onContext,false);			
			$(function() {							
				  adjustStyle($(this).width());
					$(window).resize(function() {
						adjustStyle($(this).width());
					});								
   
				
				$("#back-top").hide();	
				//safari fallback
				$('#back-top').css('display','none');		
				
				$(function () {
					$(window).scroll(function () {
						if ($(this).scrollTop() > 300) {
							$('#back-top').fadeIn();
						} else {
							$('#back-top').fadeOut();
						}
					});
				
					$('#back-top a').click(function () {
						$('body,html').animate({
							scrollTop: 0
						}, 2000);
						return false;
					});
				});
				
				
				//Cufon.replace('a, span').CSS.ready(function() {
				$('#content div:nth-child(1)').css('left','0px');				
				
					var $menu = $("#slidingMenu");				
					var $selected	= $menu.find('li:first');
					var $moving		= $('<li />',{
						className	: 'move',
						top			: $selected[0].offsetTop + 'px',
						width		: $selected[0].offsetWidth + 'px'
					});							
					
					/*
					$('#slidingMenuDesc > div').each(function(i){
						var $this = $(this);
						$this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
					});					
					*/
					
					$('#slidingMenu li').click(function(){					
					clicked = $(this).index() + 1;
					$selected = clicked;					
					});					
					
					$menu.bind('click',function(){							
						$selected = $menu.find('li:nth-child('+clicked+')');					
					});	   				
					
					
					$menu.bind('mouseleave',function(){
							moveTo($selected,400);
						  })
						 .append($moving)
						 .find('li')
						 .not('.move')
						 .bind('mouseenter',function(){
							var $this = $(this);
							var offsetLeft = $this.offset().left - 20;							
							$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');							
							moveTo($this,400)
						  })
						  .bind('mouseleave',function(){
							var $this = $(this);
							var offsetLeft = $this.offset().left - 20;							
							$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
							moveTo($selected,400)
						  });;
					
					
						  				
					function moveTo($elem,speed){
						$moving.stop(true).animate({
							top		: $elem[0].offsetTop + 'px',							
							width	: $elem[0].offsetWidth + 'px'
						}, speed, 'easeOutExpo');
					}
									
				$('#slidingMenu li').click(function(){
					var indx = $(this).index() + 1;		
															
					$('#content > div').each(function(i){
						var $this = $(this);
						$this.animate({left:hideOffset},200);
					});
					
					$('#content div:nth-child('+indx+')').animate({left:leftShowOffset},200);
					
					var projectSectionHeight = ($('#content div:nth-child('+indx+')').height())+150;
					
					$('#allProjects > div').each(function(i){
						var $this = $(this);
						$this.animate({left:hideOffset,top:'-50px'},1000);
					});
					$('#allProjects div:nth-child('+(indx-2)+')').animate({left:showOffsetProjectWeb,top:projectSectionHeight},500);
					
					
					if(indx == 11){						
						$('#contactForm').animate({left:leftShowOffset,top:projectSectionHeight},300);
					}				
					if(indx != 11){
						$('#contactForm').animate({left:hideOffset},300);
					}
					
					
					if(indx == 12){						
						$('#blogSection').animate({left:leftShowOffset,top:projectSectionHeight},300);
					}				
					if(indx != 12){
						$('#blogSection').animate({left:hideOffset},300);
					}
					
					
				});						
				
				
				$('a[name=modal]').click(function(e) {					
					e.preventDefault();
					var id = $(this).attr('href');					
					
					var maskHeight = $(document).height();
					var maskWidth = $(window).width();
									
					$('#mask').css({'width':maskWidth,'height':maskHeight});							
					//$('#mask').fadeIn(1000);	
					$('#mask').fadeTo("slow",0.5);	
								
					var winH = $(window).height();
					var winW = $(window).width();
							
					$(id).css('top',  winH/2-$(id).height()/2);
					$(id).css('left', winW/2-$(id).width()/2);
								
					$(id).fadeIn(1000); 				
					
				    var destination = $(id).offset().top;
				    $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-100}, 500 );
				
				});				
							
				$('.closer').click(function (e) {					
					e.preventDefault();					
					$('#mask').hide();
					$('.window').hide();
				});						
				
				$('#mask').click(function () {
				$(this).hide();
				$('.window').hide();
				});				
				
			});
												
				
	function resetContact(){
		$('#contactForm').reset();
	}	
	
	function adjustStyle(width) {	
    width = parseInt(width);	
	globalWidth = parseInt(width);	
    if (width < 320) {
        $("#resizedCSS").attr("href", "CSS/mobile.css");
    }
	else if(width <=480 && width >= 320){
		$("#resizedCSS").attr("href", "CSS/narrow5.css");
	}	
	else if(width < 800 && width >= 480){
		$("#resizedCSS").attr("href", "CSS/medium5.css");
	}
	else {
       $("#resizedCSS").attr("href", "CSS/style5.css"); 	   
    }	
}

function setBrushStyles(){		
	SyntaxHighlighter.all();
}

function onContext(e){
	e.preventDefault();
}