$(document).ready(function() {
			var slideshow;
			$('#bbs').click(function(){
				slideshow = "<ul><li><img src='images/bbs1.jpg' /></li><li><img src='images/bbs2.jpg' /></li></ul><div id='nav'></div>";
				showProject("BELGIAN BOAT SHOW CAMPAIGN 2012", slideshow);
			});
			
			$('#bis_big').click(function(){
				slideshow = "<ul><li><img src='images/bis1.jpg' /></li><li><img src='images/bis3.jpg' /></li><li><img src='images/bis2.jpg' /></li><li><img src='images/bis5.jpg' /></li><li><img src='images/bis4.jpg' /></li></ul><div id='nav'></div>";
				showProject("BIS 2011 CAMPAIGN", slideshow);
			});
			
			$('#bis').click(function(){
				slideshow = "<ul><li><img src='images/bis1.jpg' /></li><li><img src='images/bis3.jpg' /></li><li><img src='images/bis2.jpg' /></li><li><img src='images/bis5.jpg' /></li><li><img src='images/bis4.jpg' /></li></ul><div id='nav'></div>";
				showProject("BIS 2011 CAMPAIGN", slideshow);
			});
			
			$('#italfoods').click(function(){
				slideshow = "<ul><li><img src='images/italfoods1.jpg' /></li><li><img src='images/italfoods2.jpg' /></li><li><img src='images/italfoods3.jpg' /></li></ul><div id='nav'></div>";
				showProject("ITALFOODS IDENTITY", slideshow);
			});
			
			$('#juventa').click(function(){
				slideshow = "<ul><li><img src='images/juventa1.jpg' /></li><li><img src='images/juventa2.jpg' /></li><li><img src='images/juventa3.jpg' /></li></ul><div id='nav'></div><div id='visit'><a href='http://www.juventa.be' target='_blank'>VISIT WEBSITE</a></div>";
				showProject("JUVENTA WEBSITE", slideshow);
			});
			
			$('#jov').click(function(){
				slideshow = "<ul><li><img src='images/jov3.jpg' /></li><li><img src='images/jov2.jpg' /></li><li><img src='images/jov1.jpg' /></li><li><img src='images/jov4.jpg' /></li><li><img src='images/jov5.jpg' /></li><li><img src='images/jov6.jpg' /></li><li><img src='images/jov7.jpg' /></li><li><img src='images/jov8.jpg' /></li><li><img src='images/jov9.jpg' /></li></ul><div id='nav'></div><div id='visit'><a href='http://www.jov-design.com' target='_blank'>VISIT WEBSITE</a></div>";
				showProject("JOV CAMPAIGN", slideshow);
			});
			
			$('#lds').click(function(){
				slideshow = "<ul><li><img src='images/lds1.jpg' /></li><li><img src='images/lds4.jpg' /></li><li><img src='images/lds2.jpg' /></li><li><img src='images/lds3.jpg' /></li></ul><div id='nav'></div><div id='visit'><a href='http://www.ledomainesauvage.com' target='_blank'>VISIT WEBSITE</a></div>";
				showProject("LE DOMAINE SAUVAGE CAMPAIGN", slideshow);
			});
			
			$('#edm').click(function(){
				slideshow = "<ul><li><img src='images/edm1.jpg' /></li><li><img src='images/edm2.jpg' /></li></ul><div id='nav'></div>";
				showProject("ETOILE DE MER CAMPAIGN", slideshow);
			});
			
			$('#tdm').click(function(){
				slideshow = "<ul><li><img src='images/tdm1.jpg' /></li><li><img src='images/tdm2.jpg' /></li><li><img src='images/tdm3.jpg' /></li><li><img src='images/tdm4.jpg' /></li></ul><div id='nav'></div>";
				showProject("TRATTORIA DELLA MAMMA IDENTITY", slideshow);
			});
			
			$('#tryma').click(function(){
				slideshow = "<ul><li><img src='images/tryma1.jpg' /></li><li><img src='images/tryma2.jpg' /></li><li><img src='images/tryma3.jpg' /></li></ul><div id='nav'></div><div id='visit'><a href='http://www.tryma.be' target='_blank'>VISIT WEBSITE</a></div>";
				showProject("TRYMA MACHINES WEBSITE", slideshow);
			});
			
			$('#cu').click(function(){
				slideshow = "<ul><li><img src='images/cu1.jpg' /></li><li><img src='images/cu2.jpg' /></li><li><img src='images/cu3.jpg' /></li><li><img src='images/cu4.jpg' /></li><li><img src='images/cu5.jpg' /></li><li><iframe src='http://player.vimeo.com/video/13078653?title=0&amp;byline=0&amp;portrait=0' width='950' height='535' frameborder='0'></iframe></li></ul><div id='nav'></div><div id='visit'><a href='http://www.challenge-us.be' target='_blank'>VISIT WEBSITE</a></div>";
				showProject("CHALLENGE US IDENTITY", slideshow);
			});
			
			$('#hh').click(function(){
				slideshow = "<ul><li><img src='images/hh1.jpg' /></li><li><img src='images/hh2.jpg' /></li><li><img src='images/hh4.jpg' /></li><li><img src='images/hh3.jpg' /></li><li><img src='images/hh5.jpg' /></li></ul><div id='nav'></div>";
				showProject("HOUT &amp; HABITAT CAMPAIGN PROPOSAL", slideshow);
			});
			
		
			
			
		
		function showProject(title, images){
			$('#projecttitel').css("display","none");
			$('#slideshow').css("display","none");
			
			$('#projecttitel').html(""+title);
			$('#slideshow').html(images);
			
			
			
			$('.workitem').slideDown("slow",function() {
					$('#projecttitel').fadeIn('slow');
        			$('#slideshow').fadeIn('slow');
					Cufon.replace('#projecttitel');
					Cufon.replace('#visit');
     			 });
			 $('#slideshow').cycle({
        		fx:     'fade',
        		speed:  1000,
       			pager:  '#nav',
				slideExpr: 'li'
    			}).cycle('pause');
				
			$('html, body').animate({ scrollTop: $('.workitem').offset().top}, 500);
			
			}
			
		$('#down').click(function(){
				$('.workitem').slideUp("slow");
				$('html, body').animate({ scrollTop: $('.workitem').offset().top}, 500);
			});
			
		
		 
     	 $('#thumbslider').cycle({
        		fx:     'fade',
        		speed:  500,
       			pager:  '#navthumb',
				slideExpr: 'li'
    			}).cycle('pause');
			
   		 });