// GLUED JS
// PRELOAD CONTENT
$('body').hide(); //Hide Content area when someone visit the page
$(document).ready(function(){
$('#loading').hide(); //hide loading are when page is ready for display
$('body').show(); //Show the content area after page is ready
});
// Preload Images
jQuery.preloadImages = function()
{for(var i = 0; i<arguments.length; i++)
 {jQuery("<img>").attr("src", arguments[i]);}
}
$.preloadImages("images/2stdmehrschlaf.jpg", "cutoffeye.jpg", "cutofffoot.jpg", "cutoffhand.jpg", "emotivarts.jpg", "emotivarts2.jpg", "gluedblue.jpg", "gluedbrown.jpg", "gluedlogo.png", "gluedwhite.jpg", "growabeard.jpg", "lifecyclecd.jpg", "lifecyclecd2.jpg", "maxbosse1.jpg", "maxbosse2.jpg", "profil_about.jpg", "profilecloseup.jpg", "promoposterteaser.jpg", "sagmeister.jpg", "selectiveperceptionteaser.jpg", "selectiveperceptionvernissage.jpg");
// FORM VALIDATION
$(function() {	   
$("#commentForm").validate({
rules: {
name: {required: true,minlength: 3},
email: {required: true,email: true},
},
messages: {name: "Please enter your name",email: "Enter a valid email address",}
});
});
$(document).ready(			  
	// RECENT GALLERY W/CYCLE PLUGIN			  
	function(){
	$('#recentgallery') 
	.after('<div id="pager-nav">') 
	.cycle({ 
    fx:     'fade', 
    speed:  500, 
    timeout: 5000, 
	pause:1,
	easing: 'easeout',
	pager:  '#pager-nav',
	pagerEvent: 'mouseover',
    pauseOnPagerHover: true
	});
	// SHOWCASE GALLERY W/ CROSSFADING IMAGES AND DESCRIPTION
$(function() {
//Glued Posters
$('a#proj1').click(function() { 
$('#glued').after('<div id="pager-nav1">') 
.cycle({ 
   fx:     'fade', 
   speed:  500, 
   timeout: 5000, 
pause:1,
easing: 'easeout',
pager:  '#pager-nav1',
pagerEvent: 'mouseover',
   pauseOnPagerHover: true
}); 
 $('#showcase div').hide();
 $('#glued').fadeIn('slow');
 $('#pager-nav1').fadeIn('slow');
 $('#projectinfo p').hide();
 $('#projectdesc1').fadeIn('slow');

 return false;
 });

//Selective Perception
$('a#proj2').click(function() {
$('#emotivarts').after('<div id="pager-nav2">')
.cycle({ 
   fx:     'fade', 
   speed:  500, 
   timeout: 5000, 
pause:1,
easing: 'easeout',
pager:  '#pager-nav2',
pagerEvent: 'mouseover',
   pauseOnPagerHover: true

}); 
  $('#showcase div').hide();
 $('#emotivarts').fadeIn('slow');
 $('#pager-nav2').fadeIn('slow');
 $('#projectinfo p').hide();
 $('#projectdesc2').fadeIn('slow');
 return false;
 });
//emotivArts Magazine
$('a#proj3').click(function() {    
$('#selectiveperception').after('<div id="pager-nav3">')
.cycle({ 
   fx:     'fade', 
   speed:  500, 
   timeout: 5000, 
pause:1,
easing: 'easeout',
pager:  '#pager-nav3',
pagerEvent: 'mouseover',
   pauseOnPagerHover: true
}); 
 $('#showcase div').hide();
$('#selectiveperception').fadeIn('slow');
 $('#pager-nav3').fadeIn('slow');
$('#projectinfo p').hide();
$('#projectdesc3').fadeIn('slow');
return false;
});	
	//Cut it off Gouge it out
	$('a#proj4').click(function() {
	$('#cutitoff').after('<div id="pager-nav4">')
	.cycle({ 
    fx:     'fade', 
    speed:  500, 
    timeout: 5000, 
	pause:1,
	easing: 'easeout',
	pager:  '#pager-nav4',
	pagerEvent: 'mouseover',
    pauseOnPagerHover: true 
	});	
	 $('#showcase div').hide();
	  $('#cutitoff').fadeIn('slow');
	  $('#pager-nav4').fadeIn('slow');
	$('#projectinfo p').hide();
	$('#projectdesc4').fadeIn('slow');
	return false;
	});
	//2 Stundenmehr Schlaf
	$('a#proj5').click(function() {							
	$('#showcase div').hide();
	$('#2stdmehrschlaf').fadeIn('slow');
	 $('#pager-nav5').fadeIn('slow');
	$('#projectinfo p').hide();
	$('#projectdesc5').fadeIn('slow');
	return false;
	});
	//Lifecycle
	$('a#proj6').click(function() {
	$('#showcase div').hide();
	$('#identities').fadeIn('slow');
	$('#pager-nav6').fadeIn('slow');
	$('#projectinfo p').hide();
	$('#projectdesc6').fadeIn('slow');
	return false;
	});
	//Sagmeister
	$('a#proj7').click(function() {
	$('#showcase div').hide();
	$('#sagmeistersdiaries').fadeIn('slow');
	$('#projectinfo p').hide();
	$('#projectdesc7').fadeIn('slow');
	return false;
	//Max Bosse
	});
	$('a#proj8').click(function() {
	$('#maxbosse').after('<div id="pager-nav8">') 
	.cycle({ 
    fx:     'fade', 
    speed:  500, 
    timeout: 5000, 
	pause:1,
	easing: 'easeout',
	pager:  '#pager-nav8',
	pagerEvent: 'mouseover',
    pauseOnPagerHover: true 
	});	
	$('#showcase div').hide();
	$('#maxbosse').fadeIn('slow');
	$('#pager-nav8').fadeIn('slow');
	$('#projectinfo p').hide();
	$('#projectdesc8').fadeIn('slow');
	return false;
	});
	//Organic Sin
	$('a#proj9').click(function() {
	$('#showcase div').hide();
	$('#organicsin').fadeIn('slow');
	$('#projectinfo p').hide();
	$('#projectdesc9').fadeIn('slow');
	return false;
	});
	//Grow a Beard
	$('a#proj10').click(function() {	
	$('#showcase div').hide();
	$('#growabeard').fadeIn('slow');
	$('#projectinfo p').hide();
	$('#projectdesc10').fadeIn('slow');
	return false;
	});

	// NAVIGATION, BUTTON STATES, RESETTING ACTIVE STATES
	$('ul.projects li a').click(function(){
	$('ul.projects li a').removeClass('selected');$(this).toggleClass('selected'); });
	$('#navigation li a').click(function(){
		$('#navigation li a').removeClass('active');$(this).toggleClass('active');$('ul.projects li a').removeClass('selected');});
	$('#gluedlogo').click(function(){
		$('li a').removeClass('active');
		$('ul.projects li a').removeClass('selected');
		$('#content').animate({right: 0}, 'fast');
	});
	$('li#profile a').click(function() {$('#content').animate({right: 960*3+40}, 'fast', 'swing');});
	$('li#contact a').click(function() {$('#content').animate({right: 960*4+60}, 'fast', 'swing');});
	$('li#about a').click(function() {$('#content').animate({right: 960}, 'fast');});
	$('li#work a').click(function(){
			$('ul.projects li a:eq(0)').addClass('selected');					  
			$('#content').animate({right: 960*2+20}, 'fast', 'swing');
			$('#glued').after('<div id="pager-nav1">') 
			.cycle({ 
			   fx:     'fade', 
			   speed:  500, 
			   timeout: 5000, 
			pause:1,
			easing: 'easeout',
			pager:  '#pager-nav1',
			pagerEvent: 'mouseover',
			   pauseOnPagerHover: true
			}); 
			 $('#showcase div').hide();
			 $('#glued').fadeIn('slow');
			 $('#pager-nav1').fadeIn('slow');
			 $('#projectinfo p').hide();
			 $('#projectdesc1').fadeIn('slow');
			 return false;
			 });
	
	$('a#goportfolio').click(function() {
			$('ul.projects li a:eq(0)').addClass('selected');					  
			$('#content').animate({right: 960*2+20}, 'fast', 'swing');
			$('#glued').after('<div id="pager-nav1">') 
			.cycle({ 
			   fx:     'fade', 
			   speed:  500, 
			   timeout: 5000, 
			pause:1,
			easing: 'easeout',
			pager:  '#pager-nav1',
			pagerEvent: 'mouseover',
			   pauseOnPagerHover: true
			}); 
			 $('#showcase div').hide();
			 $('#glued').fadeIn('slow');
			 $('#pager-nav1').fadeIn('slow');
			 $('#projectinfo p').hide();
			 $('#projectdesc1').fadeIn('slow');
			  $('li#work a').addClass('active');
			 return false;
			 });
	$('a#goContact').click(function(){$('#content').animate({right: 960*4+60}, 'fast', 'swing');$('#navigation li a').removeClass('active');$('li#contact a').addClass('active');return false;});	
	
	// GO TO PROJECT FROM TEASER	
	$('a#goproj1').click(function(){
			$('#content').animate({right: 960*2+20}, 'fast', 'swing');
			$('#glued').after('<div id="pager-nav1">') 
			.cycle({ 
			   fx:     'fade', 
			   speed:  500, 
			   timeout: 5000, 
			pause:1,
			easing: 'easeout',
			pager:  '#pager-nav1',
			pagerEvent: 'mouseover',
			   pauseOnPagerHover: true
			}); 
			 $('ul.projects li a:eq(0)').addClass('selected');
			 $('#showcase div').hide();
			 $('#glued').fadeIn('slow');
			 $('#pager-nav1').fadeIn('slow');
			 $('#projectinfo p').hide();
			 $('#projectdesc1').fadeIn('slow');
			  $('li#work a').addClass('active');
			 return false;
			 });
	
	$('a#goproj2').click(function(){
			$('#content').animate({right: 960*2+20}, 'fast', 'swing');
			$('#emotivarts').after('<div id="pager-nav2">')
			.cycle({ 
			   fx:     'fade', 
			   speed:  500, 
			   timeout: 5000, 
			pause:1,
			easing: 'easeout',
			pager:  '#pager-nav2',
			pagerEvent: 'mouseover',
			   pauseOnPagerHover: true			
			}); 
			 $('ul.projects li a:eq(1)').addClass('selected');
			 $('#showcase div').hide();
			 $('#emotivarts').fadeIn('slow');
			 $('#pager-nav2').fadeIn('slow');
			 $('#projectinfo p').hide();
			 $('#projectdesc2').fadeIn('slow');
			 return false;
			 });
	$('a#goproj3').click(function(){
			$('#content').animate({right: 960*2+20}, 'fast', 'swing');
			$('#selectiveperception').after('<div id="pager-nav3">')
			.cycle({ 
			   fx:     'fade', 
			   speed:  500, 
			   timeout: 5000, 
			pause:1,
			easing: 'easeout',
			pager:  '#pager-nav3',
			pagerEvent: 'mouseover',
			   pauseOnPagerHover: true
			}); 
			$('ul.projects li a:eq(2)').addClass('selected');
			$('#showcase div').hide();
			$('#selectiveperception').fadeIn('slow');
			$('#pager-nav3').fadeIn('slow');
			$('#projectinfo p').hide();
			$('#projectdesc3').fadeIn('slow');
			 $('li#work a').addClass('active');
			return false;
			});
	$('a#goproj4').click(function(){
			$('#content').animate({right: 960*2+20}, 'fast', 'swing');
			$('#cutitoff').after('<div id="pager-nav4">')
			.cycle({ 
			fx:     'fade', 
			speed:  500, 
			timeout: 5000, 
			pause:1,
			easing: 'easeout',
			pager:  '#pager-nav4',
			pagerEvent: 'mouseover',
			pauseOnPagerHover: true 
			});	
			$('ul.projects li a:eq(3)').addClass('selected');
			$('#showcase div').hide();
			$('#cutitoff').fadeIn('slow');
			$('#pager-nav4').fadeIn('slow');
			$('#projectinfo p').hide();
			$('#projectdesc4').fadeIn('slow');
			 $('li#work a').addClass('active');
			return false;
			});
	$('a#goproj5').click(function(){
			$('#content').animate({right: 960*2+20}, 'fast', 'swing');
			$('ul.projects li a:eq(4)').addClass('selected');
			$('#showcase div').hide();
			$('#2stdmehrschlaf').fadeIn('slow');
			 $('#pager-nav5').fadeIn('slow');
			$('#projectinfo p').hide();
			$('#projectdesc5').fadeIn('slow');
			 $('li#work a').addClass('active');
			return false;
			});
});  });