$(document).ready(function() {



									// SCREENINGROOM


// SCREENINGROOM-the hover

$('li#li-intro(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-intro').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-intro').animate({
			marginLeft: '0px'
		}, 400);
});

$('li#li-films(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-films').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-films').animate({
			marginLeft: '0px'
		}, 400);
});

$('li#li-clips(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-clips').animate({
			marginLeft: '40px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-clips').animate({
			marginLeft: '0px'
		}, 400);
});






// SCREENINGROOM-the click - ENGLISH
// this is the AJAX LOAD for the divs. Make sure the CSS is ok (no display none) and the function LIVE has been added to the links inside the loaded divs (portfolio-items.js and the js file of the fancybox)


var sections = $("ul.menu-screeningroom li");
	var loading = $("#loading");
	var content = $("#center");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "li-intro":
				content.fadeOut();
				content.load("includes/sections_en.html #text-intro-screeningroom", hideLoading).hide().fadeIn('slow');
				break;
			case "li-films":
				content.fadeOut();
				content.load("includes/sections_en.html #films", hideLoading).hide().fadeIn('slow');
				break;
			case "li-clips":
				content.fadeOut();
				content.load("includes/sections_en.html #clips", hideLoading).hide().fadeIn('slow');
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
		
	});
	
	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
	
	
	
	
	
	
	
	
	
// SCREENINGROOM-the click FRANCAIS
// this is the AJAX LOAD for the divs. Make sure the CSS is ok (no display none) and the function LIVE has been added to the links inside the loaded divs (portfolio-items.js and the js file of the fancybox)


var sections = $("ul.menu-screeningroom_fr li");
	var loading = $("#loading");
	var content = $("#center");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "li-intro":
				content.fadeOut();
				content.load("includes/sections_fr.html #text-intro-screeningroom", hideLoading).hide().fadeIn('slow');
				break;
			case "li-films":
				content.fadeOut();
				content.load("includes/sections_fr.html #films", hideLoading).hide().fadeIn('slow');
				content.slideDown();
				break;
			case "li-clips":
				content.fadeOut();
				content.load("includes/sections_fr.html #clips", hideLoading).hide().fadeIn('slow');
				content.slideDown();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

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










										// ARTWALL




// ARTWALL-the hover


$('li#li-introartwall(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-introartwall').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-introartwall').animate({
			marginLeft: '0px'
		}, 400);
});

$('li#li-ib(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-ib').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-ib').animate({
			marginLeft: '0px'
		}, 400);
});

$('li#li-oi(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-oi').animate({
			marginLeft: '10px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-oi').animate({
			marginLeft: '-10px'
		}, 400);
});

$('li#li-sketches(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-sketches').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-sketches').animate({
			marginLeft: '0px'
		}, 400);
});

$('li#li-photos(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-photos').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-photos').animate({
			marginLeft: '0px'
		}, 400);
});







// ARTWALL-the click - ENGLISH
// this is the AJAX LOAD for the divs. Make sure the CSS is ok (no display none) and the function LIVE has been added to the links inside the loaded divs (portfolio-items.js and the js file of the fancybox)


var sections = $("ul.menu-artwall li");
	var loading = $("#loading");
	var content = $("#center");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "li-introartwall":
				content.fadeOut();
				content.load("includes/sections_en.html #text-intro-artwall", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-ib":
				content.fadeOut();
				content.load("includes/sections_en.html #illustratedbooks", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-oi":
				content.fadeOut();
				content.load("includes/sections_en.html #otherillustrations", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-sketches":
				content.fadeOut();
				content.load("includes/sections_en.html #sketches", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

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









// ARTWALL-the click - FRANCAIS
// this is the AJAX LOAD for the divs. Make sure the CSS is ok (no display none) and the function LIVE has been added to the links inside the loaded divs (portfolio-items.js and the js file of the fancybox)


var sections = $("ul.menu-artwall_fr li");
	var loading = $("#loading");
	var content = $("#center");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "li-introartwall":
				content.fadeOut();
				content.load("includes/sections_fr.html #text-intro-artwall", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-ib":
				content.fadeOut();
				content.load("includes/sections_fr.html #illustratedbooks", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-oi":
				content.fadeOut();
				content.load("includes/sections_fr.html #otherillustrations", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-sketches":
				content.fadeOut();
				content.load("includes/sections_fr.html #sketches", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

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





















								// VIRTUAL WORLDS





// VIRTUAL WORLDS - the hover


$('li#li-intro-vw(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-intro-vw').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-intro-vw').animate({
			marginLeft: '0px'
		}, 400);
});

$('li#li-websites(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-websites').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-websites').animate({
			marginLeft: '0px'
		}, 400);
});

$('li#li-clips-vw(img)').hover(function() { 
    $('img', this).stop().animate({"opacity": 2});
	$('li#li-clips-vw').animate({
			marginLeft: '30px'
		}, 200);
},function() { 
    $('img', this).stop().animate({"opacity": 0.5});
		$('li#li-clips-vw').animate({
			marginLeft: '0px'
		}, 400);
});










// VITUAL WORLDS - the click - ENGLISH
// this is the AJAX LOAD for the divs. Make sure the CSS is ok (no display none) and the function LIVE has been added to the links inside the loaded divs (portfolio-items.js and the js file of the fancybox)


var sections = $("ul.menu-vw li");
	var loading = $("#loading");
	var content = $("#center");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "li-intro-vw":
				content.fadeOut();
				content.load("includes/sections_en.html #text-intro-vw", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-websites":
				content.fadeOut();
				content.load("includes/sections_en.html #websites", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-clips-vw":
				content.fadeOut();
				content.load("includes/sections_en.html #clips-vw", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

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












// VITUAL WORLDS - the click - FRANCAIS
// this is the AJAX LOAD for the divs. Make sure the CSS is ok (no display none) and the function LIVE has been added to the links inside the loaded divs (portfolio-items.js and the js file of the fancybox)


var sections = $("ul.menu-vw_fr li");
	var loading = $("#loading");
	var content = $("#center");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "li-intro-vw":
				content.fadeOut();
				content.load("includes/sections_fr.html #text-intro-vw", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-websites":
				content.fadeOut();
				content.load("includes/sections_fr.html #websites", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			case "li-clips-vw":
				content.fadeOut();
				content.load("includes/sections_fr.html #clips-vw", hideLoading).hide().fadeIn('slow');
				content.fadeIn();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

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





	

});