$(document).ready(function(){

//LOAD FIRST WORK
		var content = $("#projects");
		//Manage Waypoint event
		$('#work').waypoint(function(event, direction) {
		$('#work').waypoint('remove');
	
		content.fadeOut();
		$.ajax({url: "content/worknew.html",success: function(html) {
		content.empty().append(html);initiBinding();initaBinding();
		content.fadeIn(1000);
		$("#work #filter").delay(1000).fadeIn("slow"); 	
		}});
		});	
 
});

//LOAD SECOND WORK
$(document).ready(function(){
		var loading = $("#work .loadingtwo");
		var content = $("#projectsMore");
		//Manage Waypoint event
		$('li.triggermore').click(function() {
	    //show the loading bar
		showLoading();
		//load selected section
		$.ajax({url: "content/work.html",success: function(html) {
	    hideLoading();
		content.empty().append(html);initiBinding();initbBinding();
		$('html,body').stop().delay(900).animate({scrollTop: $("#moreProjects").offset().top}, 350); 
		content.slideDown(1000);
		}
		});
		$(this).fadeOut(500); 
		$('li.minus').delay(900).fadeIn(500); 
		});
//show loading bar
		function showLoading(){
		loading
		.css({visibility:"visible"})
		.css({opacity:"1"})
		.css({display:"block"});
		}
		//hide loading bar
		function hideLoading(){
		loading.fadeTo(1000, 0);
		};
		
		//hide More work
		$('li.minus').click(function() {
	    $('html,body').stop().animate({scrollTop: $("#work").offset().top}, 500); 
		$("#projectsMore").delay(700).slideUp(0);
		$(this).fadeOut(200); 
		$('li.triggermore').delay(700).fadeIn(500);
		});



				
});
	
//  BINDING AREA		
function initiBinding(){ 


//show project when loaded
		$(function(){
		$(".thumb span img").load(function(){
		$(this).fadeIn(1000);
		});
		});
// Smooth scroll
		var jump=function(e)
		{
		e.preventDefault();
		var target = $(this).attr("href");
		$('html,body').animate(
		{
		scrollTop: $(target).offset().top
		},500,function()
		{
		location.hash = target;
		});
		}
		$(function()
		{
		$('a[href*=#]').bind("click", jump);
		return false;
		});		
//  Work effect
		$(".showcase").hover(function() {
		var thumbOver = $(this).find("img").attr("src");
		$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
		$(this).find(".thumb span").stop().fadeTo('normal', 0 , function() {
		$(this).hide()
		});
		}, 
		function() { 
		$(this).find(".thumb span").stop().fadeTo('normal', 1).show();});		
// Filter
		$("#filter ul li a.logo").click(function() { 
		$(".showProject.website").fadeTo("slow",0.05); 
		$(".showProject.logo").fadeTo("slow",1.0);
		});
		$("#filter ul li a.website").click(function() { 
		$(".showProject.website").fadeTo("slow",1.0); 
		$(".showProject.logo").fadeTo("slow",0.05);
		});
		$("#filter ul li a.all").click(function() {  
		$(".showProject").fadeTo("slow",1.0);
		});

// Active Filter
		$("#home #filter ul li a").click(function() {
		$("#home #filter ul li a").removeClass("active");
		});
		$("#home #filter ul li a").click(function() {
		$("#home #filter ul li a").removeClass("active");
		$(this).addClass("active");
		});
	
}


//  BINDING AREA ONE		
function initaBinding(){ 
// Load Projects
	//References
		var sections = $("#projects .showcase li");
		var loading = $("#work .loading");
		var content = $("#projectsHighlight");
		var exit = $(".closework");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "prmff":
				content.slideUp(0);
				content.load("work/myfashionfavourites.html", hideLoading);
				exit.fadeIn();
				break;
			case "prbusinesswhisperers":
				content.slideUp(0);
				content.load("work/businesswhisperers.html", hideLoading);
				exit.fadeIn();
				break;
			case "prugo":
				content.slideUp(0);
				content.load("work/ugo.html", hideLoading);
				exit.fadeIn();
				break;
			case "prsubasta":
				content.slideUp(0);
				content.load("work/subasta.html", hideLoading);
				exit.fadeIn();
				break;
			case "prbcos":
				content.slideUp(0);
				content.load("work/bcos.html", hideLoading);
				exit.fadeIn();
				break;
			case "prailene":
				content.slideUp(0);
				content.load("work/ailene.html", hideLoading);
				exit.fadeIn();
				break;
			case "prdowizo":
				content.slideUp(0);
				content.load("work/dowizo.html", hideLoading);
				exit.fadeIn();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
			
		}
		content.delay(500).slideDown(500) 
		
	});

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
		

}// END BINDING ONE


function initbBinding(){ 
// Load Projects
	//References
		var sections = $("#projectsMore .showcase li");
		var loading = $("#work .loading");
		var content = $("#projectsHighlight");
		var exit = $(".closework");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "prlambert":
				content.slideUp(0);
				content.load("work/lambert.html", hideLoading);
				exit.fadeIn();
				break;
			case "prmedhorses":
				content.slideUp(0);
				content.load("work/medhorses.html", hideLoading);
				exit.fadeIn();
				break;
			case "prveld6":
				content.slideUp(0);
				content.load("work/veld6.html", hideLoading);
				exit.fadeIn();
				break;
			case "pruni":
				content.slideUp(0);
				content.load("work/unipartners.html", hideLoading);
				exit.fadeIn();
				break;
			case "prdeka":
				content.slideUp(0);
				content.load("work/dekareizen.html", hideLoading);
				exit.fadeIn();
				break;
			case "prtablet":
				content.slideUp(0);
				content.load("work/tabletcasino.html", hideLoading);
				exit.fadeIn();
				break;
			case "prpiano":
				content.slideUp(0);
				content.load("work/pianoplayer.html", hideLoading);
				exit.fadeIn();
				break;
			case "prtrans":
				content.slideUp(0);
				content.load("work/transatlantic.html", hideLoading);
				exit.fadeIn();
				break;
			case "prharry":
				content.slideUp(0);
				content.load("work/harryhindriks.html", hideLoading);
				exit.fadeIn();
				break;
			case "prpolderver":
				content.slideUp(0);
				content.load("work/poldervers.html", hideLoading);
				exit.fadeIn();
				break;
			case "prnolabel":
				content.slideUp(0);
				content.load("work/nolabel.html", hideLoading);
				exit.fadeIn();
				break;
			case "prbusinessflash":
				content.slideUp(0);
				content.load("work/businessflash.html", hideLoading);
				exit.fadeIn();
				break;
			case "prwaytoweb":
				content.slideUp(0);
				content.load("work/waytoweb.html", hideLoading);
				exit.fadeIn();
				break;
			case "prgessel":
				content.slideUp(0);
				content.load("work/vangessel.html", hideLoading);
				exit.fadeIn();
				break;
			case "prsquare":
				content.slideUp(0);
				content.load("work/square.html", hideLoading);
				exit.fadeIn();
				break;
			case "prherenstate":
				content.slideUp(0);
				content.load("work/herenstate.html", hideLoading);
				exit.fadeIn();
				break;
			case "prheliohub":
				content.slideUp(0);
				content.load("work/heliohub.html", hideLoading);
				exit.fadeIn();
				break;
			case "prsavvy":
				content.slideUp(0);
				content.load("work/savvy.html", hideLoading);
				exit.fadeIn();
				break;
			case "prbaantje":
				content.slideUp(0);
				content.load("work/baantje.html", hideLoading);
				exit.fadeIn();
				break;
			case "prdoorn":
				content.slideUp(0);
				content.load("work/hcdoorn.html", hideLoading);
				exit.fadeIn();
				break;
			case "prmkb":
				content.slideUp(0);
				content.load("work/MKBinkoop.html", hideLoading);
				exit.fadeIn();
				break;
			case "prsen":
				content.slideUp(0);
				content.load("work/sen.html", hideLoading);
				exit.fadeIn();
				break;
			case "prppi":
				content.slideUp(0);
				content.load("work/ppi.html", hideLoading);
				exit.fadeIn();
				break;
			case "innforce":
				content.slideUp(0);
				content.load("work/innforce.html", hideLoading);
				exit.fadeIn();
				break;
			case "pravond":
				content.slideUp(0);
				content.load("work/avond.html", hideLoading);
				exit.fadeIn();
				break;
			case "prraymonde":
				content.slideUp(0);
				content.load("work/raymondemayland.html", hideLoading);
				exit.fadeIn();
				break;
			case "prask":
				content.slideUp(0);
				content.load("work/ask.html", hideLoading);
				exit.fadeIn();
				break;
			case "prhemingway":
				content.slideUp(0);
				content.load("work/hemingway.html", hideLoading);
				exit.fadeIn();
				break;
			case "prpeterfaber":
				content.slideUp(0);
				content.load("work/pfs.html", hideLoading);
				exit.fadeIn();
				break;
			case "prlaplume":
				content.slideUp(0);
				content.load("work/laplume.html", hideLoading);
				exit.fadeIn();
				break;
			case "prstygent":
				content.slideUp(0);
				content.load("work/stygent.html", hideLoading);
				exit.fadeIn();
				break;
			case "prtszp":
				content.slideUp(0);
				content.load("work/tszp.html", hideLoading);
				exit.fadeIn();
				break;
			case "prvvsl":
				content.slideUp(0);
				content.load("work/vvsl.html", hideLoading);
				exit.fadeIn();
				break;
			case "prlef":
				content.slideUp(0);
				content.load("work/lef.html", hideLoading);
				exit.fadeIn();
				break;
			case "prworldcookie":
				content.slideUp(0);
				content.load("work/worldcookie.html", hideLoading);
				exit.fadeIn();
				break;		
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
			
		}
		content.delay(500).slideDown(500) 
		
	});

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
		

}// END BINDING two