$(document).ready(function(){

// Isotope
//-------------------------------------------------------------	
	var hashLoc = window.location.hash;
	if (!$.browser.msie){
		$('#filters a').click(function(){
			$(this).parent().siblings().removeClass('current');
			$(this).parent().addClass('current');	
			var selector = $(this).attr('data-filter');
			$('#projects-grid').isotope({ filter: selector });
		});
		
		$('#projects-grid').isotope({
			layoutMode : 'cellsByRow',
				cellsByRow : {
					columnWidth : 300,
					rowHeight : 198
				},
			itemSelector : '.project'
		});
		
		switch(hashLoc){			
			case '#web':
				$('#projects-grid').isotope({ filter: '.web' });
				$('#filters li').removeClass('current');
				$('#filters a[href=#web]').parent().addClass('current');
				$('body').stop().scrollTo('#projects', 0, {offset: {top: -172}});
				fixed = true;
				$('nav').css({'position':'fixed', 'top':'0', 'left':'0', 'z-index':'10'});
				$('#nav-hold').show();
				break;
			case '#print':
				$('#projects-grid').isotope({ filter: '.print' });
				$('#filters li').removeClass('current');
				$('#filters a[href=#print]').parent().addClass('current');
				$('body').stop().scrollTo('#projects', 0, {offset: {top: -172}});
				break;
			case '#wallpaper':
				$('#projects-grid').isotope({ filter: '.wallpaper' });
				$('#filters li').removeClass('current');
				$('#filters a[href=#wallpaper]').parent().addClass('current');
				$('body').stop().scrollTo('#projects', 0, {offset: {top: -172}});
				break;
			case '#photography':
				$('#projects-grid').isotope({ filter: '.photography' });
				$('#filters li').removeClass('current');
				$('#filters a[href=#photography]').parent().addClass('current');
				$('body').stop().scrollTo('#projects', 0, {offset: {top: -172}});
				break;
			case '#video':
				$('#projects-grid').isotope({ filter: '.video' });
				$('#filters li').removeClass('current');
				$('#filters a[href=#video]').parent().addClass('current');
				$('body').stop().scrollTo('#projects', 0, {offset: {top: -172}});
				break;
			case '#all':
				$('#projects-grid').isotope({ filter: '*' });
				$('#filters li').removeClass('current');
				$('#filters a[href=#all]').parent().addClass('current');
				$('body').stop().scrollTo('#projects', 0, {offset: {top: -172}});
				break;
			default:
				$('#projects-grid').isotope({ filter: '.web' });
				break;
		}
	}	
	
	// IE Fix
	if ($.browser.msie){
		$('.project').hide();
		$('.project.web').show();
		
		$('#filters a').click(function(){
			$(this).parent().siblings().removeClass('current');
			$(this).parent().addClass('current');
			var selector = $(this).attr('data-filter');
			$('.project').hide();
			$('#projects-grid '+selector).show();
		});
	}

// Fixed Navigation Bar
//-------------------------------------------------------------
	var fixed = false;
	$('#nav-hold').hide();
	$(document).scroll(function() {
		if( $(this).scrollTop() >= 380 ) {
			if( !fixed ) {
				fixed = true;
				$('nav').css({'position':'fixed', 'top':'0', 'left':'0', 'z-index':'10'});
				$('#nav-hold').show();
			}
		} else {
			if( fixed ) {
				fixed = false;
				$('nav').css({'position':'static'});
				$('#nav-hold').hide();
			}
		}
	});	
	
// ScrollTo, Current Class Toggle
//-------------------------------------------------------------	
	$('nav a').click(function(){  
		//$(this).parent().siblings().removeClass('current');
		//$(this).parent().addClass('current');	
		$('body').stop().scrollTo($(this).attr('href'), 1200, {easing:'easeInOutCubic', offset: {top: -110}});
		return false;
	});

// Current Navigation Change
//-------------------------------------------------------------	
	var navPos1;
	var navPos2;
	var navPos3;
	var navPos4;
	$(document).scroll(function(){
		var currentScroll = $(this).scrollTop();
		var navPos1 = $('#top').offset().top;
		var navPos2 = $('#projects').offset().top-360;
		var navPos3 = $('#about').offset().top-360;
		var navPos4 = $('#contact').offset().top-360;
		if(currentScroll >= navPos1 && currentScroll < navPos2){
			$('nav li').removeClass('current');
			$('nav a[href=#top]').parent().addClass('current');
		}
		if(currentScroll >= navPos2 && currentScroll < navPos3){
			$('nav li').removeClass('current');
			$('nav a[href=#projects]').parent().addClass('current');
		}
		if(currentScroll >= navPos3 && currentScroll < navPos4){
			$('nav li').removeClass('current');
			$('nav a[href=#about]').parent().addClass('current');
		}
		if(currentScroll >= navPos4){
			$('nav li').removeClass('current');
			$('nav a[href=#contact]').parent().addClass('current');
		}
	});
		
// Project Title Hover
//-------------------------------------------------------------	
	$('.project .blur').css('opacity','0');
	$('.project a').css('opacity','0');
	$('.project').hover(function(){
		$('.project .blur, .project a').stop(false,true).fadeTo(500, 0, 'easeInOutExpo');;
		pTitle = $(this).children('a');
		pHeight =  pTitle.height();
		pTitle.css('top',-pHeight);
		pTitle.stop().animate({'top':'0','opacity':'1'},500, 'easeOutExpo');
		pTitle.siblings('.blur').stop().fadeTo(500, 1, 'easeOutExpo');
	}, function(){	
		pTitle.stop().animate({'top':pHeight, 'opacity':'0'},500, 'easeInOutExpo');	
		pTitle.siblings('.blur').stop().fadeTo(500, 0, 'easeInOutExpo');
	});

// Contact Form
//-------------------------------------------------------------	
	$('.error').hide(); 
	$('#submit').click(function() {  
		$('.error').fadeOut();  
	  	var name = $('input#name').val(); 
		var email = $('input#email').val();
		var message = $('textarea#message').val();
		
		if(name == ''){  
			$('label#name_error').fadeIn();  
			$('input#name').focus();  
		return false;  
		}
		if(email == ''){  
	 		$('label#email_error').fadeIn();  
	    	$('input#email').focus();  
		return false;  
		}
		if(message == ''){  
			$('label#message_error').fadeIn();  
			$('textarea#message').focus();  
		return false;  
		}
		$('#sent-message').html("<img src='images/ajax-loader.gif' width='32' height='32'/>");
		$('#sent-message').show();
		
		var dataString = 'name='+ name + '&email=' + email + '&message=' + message;   
		$.ajax({  
			type: "POST",  
			url: "sendmessage.php",  
			data: dataString,  
			success: function() {
				$('#sent-message').hide();
				$('#sent-message').html("<p><strong>Message Sent!</strong></p>");
				$('#sent-message').slideDown(2000, "easeOutExpo"); 
			}
		});  
		return false; 
	});
});