$(document).ready(function(){

		var windowHeight;
		if (self.innerHeight) {
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) {
			windowHeight = document.body.clientHeight;
		};
		
		$("#header").css("height",windowHeight);
		
		var windowWidth;
  		if( typeof( window.innerWidth ) == 'number' ) {
    		windowWidth = window.innerWidth;
  		} else if( document.documentElement && document.documentElement.clientWidth ) {
    		windowWidth = document.documentElement.clientWidth;
  		} else if( document.body && document.body.clientWidth ) {
    		windowWidth = document.body.clientWidth;
  		}
  		
  		$("#main_image").css("width", windowWidth+75);
  		
  		$(window).resize(function() {
	  		var windowWidth;
	  		if( typeof( window.innerWidth ) == 'number' ) {
	    		windowWidth = window.innerWidth;
	  		} else if( document.documentElement && document.documentElement.clientWidth ) {
	    		windowWidth = document.documentElement.clientWidth;
	  		} else if( document.body && document.body.clientWidth ) {
	    		windowWidth = document.body.clientWidth;
	  		}
	  		$("#main_image").css("width", windowWidth+75);
	  		
		  	var windowHeight;
			if (self.innerHeight) {
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) {
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) {
				windowHeight = document.body.clientHeight;
			};
			
			$("#header").css("height",windowHeight);
		});
		
		$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
		
		$('ul.gallery_demo').galleria({
			history   : true, // activates the history object for bookmarking, back-button etc.
			clickNext : true, // helper for making the image clickable
			insert    : '#main_image', // the containing selector for our main image
			onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
				
				// fade in the image & caption
				image.css('display','none').fadeIn(1000);
				caption.css('display','none').fadeIn(1000);
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// fade out inactive thumbnail
				_li.siblings().children('img.selected').fadeTo(500,0.3);
				
				// fade in active thumbnail
				thumb.fadeTo('fast',1).addClass('selected');
				
				// add a title for the clickable image
				image.attr('title','');
				
			},
			onThumb : function(thumb) { // thumbnail effects goes here
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// if thumbnail is active, fade all the way.
				var _fadeTo = _li.is('.active') ? '1' : '0.3';
				
				// fade in the thumbnail when finnished loading
				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
				
				// hover effects
				thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
				)
			}
		});
		
		$('ul#kamm_gallery li:first-child').addClass('active');
		$('#kamm_gallery').jcarousel({
        	visible: 7
    	});
    	
/*
		$("#slider_controller").click(function () {
			if ($(".jcarousel-container-horizontal").is(":hidden")) {
				$(".jcarousel-container-horizontal").fadeIn();
				$("#slider_controller").html("Cacher la navigation");
			} else {
				$(".jcarousel-container-horizontal").fadeOut();
				$("#slider_controller").html("Afficher la navigation");
			}
		});	
*/
    	
    	$(".jcarousel-container-horizontal").addClass("hidden_container");		
		$("#slider_controller").click(function () {
			if ($(".jcarousel-container-horizontal").is(".hidden_container")) {
				$(".jcarousel-container-horizontal").fadeIn();
				$("#slider_controller").html("Cacher la navigation");
				$(".jcarousel-container-horizontal").removeClass("hidden_container");
			} else {
				$(".jcarousel-container-horizontal").fadeOut();
				$("#slider_controller").html("Afficher la navigation");
				$(".jcarousel-container-horizontal").addClass("hidden_container");	
			}
		});	
		
		$("#contactLink").click(function () {
			$("#links").fadeOut();
			$("#description").fadeOut();
			$("#architecture").fadeOut();
			if ($("#contact").is(":hidden")) {
				$("#contact").fadeIn();
			} else {
				$("#contact").fadeOut();
			}
		});	
		
		$("#linksLink").click(function () {
			$("#contact").fadeOut();
			$("#description").fadeOut();
			$("#architecture").fadeOut();
			if ($("#links").is(":hidden")) {
				$("#links").fadeIn();
			} else {
				$("#links").fadeOut();
			}
		});	
		
		$("#noDisipline").click(function () {
			$("#contact").fadeOut();
			$("#links").fadeOut();
			$("#architecture").fadeOut();
			if ($("#description").is(":hidden")) {
				$("#description").fadeIn();
			} else {
				$("#description").fadeOut();
			}
		});	
		
		$("#architectureLink").click(function () {
			$("#contact").fadeOut();
			$("#links").fadeOut();
			$("#description").fadeOut();
			if ($("#architecture").is(":hidden")) {
				$("#architecture").fadeIn();
			} else {
				$("#architecture").fadeOut();
			}
		});	
		
		$("#closeLinks").click(function () {
			$("#links").fadeOut();
		});	
		
		$("#closeContact").click(function () {
			$("#contact").fadeOut();
		});	
		
		$("#closeDescription").click(function () {
			$("#description").fadeOut();
		});	
		
		$("#closeArchitecture").click(function () {
			$("#architecture").fadeOut();
		});	

	});