var accueil = "<div class='background' id='background_accueil'>" + 
			"<div class='contenu' id='contenu_accueil'>" + 
			"<div id='texte'>" + " <h2>SITE EN CONSTRUCTION</h2>" + 
			"<p>Merci de votre visitie, notre site Web est présentement en construction et sera bientôt en ligne ! Pour plus d'informations sur nos produits et services, veuillez nous contacter avec les coordonnées ci-dessous.</p>" + 
			"<p>Thank you for visiting, our website is currently under construction and will be online soon! Please contact us at the coordinates below for further information about our products and services.</p>" + 
			"<p>Contact :<br /> Logicaisse Multimédia <br /> 4372, Autouroute Laval (440) Est <br /> Laval, Québec H7T 2P7 <br /> (450) 688-1271 <br /> <a href='mailto:multimedia@logicaisse.com'>multimedia@logicaisse.com</a></p>" + 
			"</div></div></div>"
			
var apropos = "<div class='background' id='background_apropos'>" + 
			"<div class='contenu' id='contenu_apropos'>" + 
				"<div id='texte'>" + " <h2>SITE EN CONSTRUCTION</h2>" + 
				"<p>Merci de votre visitie, notre site Web est présentement en construction et sera bientôt en ligne ! Pour plus d'informations sur nos produits et services, veuillez nous contacter avec les coordonnées ci-dessous.</p>" + 
				"<p>Thank you for visiting, our website is currently under construction and will be online soon! Please contact us at the coordinates below for further information about our products and services.</p>" + 
				"<p>Contact :<br /> Logicaisse Multimédia <br /> 4372, Autouroute Laval (440) Est <br /> Laval, Québec H7T 2P7 <br /> (450) 688-1271 <br /> <a href='mailto:multimedia@logicaisse.com'>multimedia@logicaisse.com</a></p>" + 
				"</div></div></div>"
				
var portfolio = "<div class='background' id='background_portfolio'>" + 
			"<div class='contenu' id='contenu_portfolio'>" + 
				"<div id='texte'>" + " <h2>SITE EN CONSTRUCTION</h2>" + 
				"<p>Merci de votre visitie, notre site Web est présentement en construction et sera bientôt en ligne ! Pour plus d'informations sur nos produits et services, veuillez nous contacter avec les coordonnées ci-dessous.</p>" + 
				"<p>Thank you for visiting, our website is currently under construction and will be online soon! Please contact us at the coordinates below for further information about our products and services.</p>" + 
				"<p>Contact :<br /> Logicaisse Multimédia <br /> 4372, Autouroute Laval (440) Est <br /> Laval, Québec H7T 2P7 <br /> (450) 688-1271 <br /> <a href='mailto:multimedia@logicaisse.com'>multimedia@logicaisse.com</a></p>" + 
				"</div></div></div>"
				
var services = "<div class='background' id='background_services'>" + 
			"<div class='contenu' id='contenu_services'>" + 
				"<div id='texte'>" + " <h2>SITE EN CONSTRUCTION</h2>" + 
				"<p>Merci de votre visitie, notre site Web est présentement en construction et sera bientôt en ligne ! Pour plus d'informations sur nos produits et services, veuillez nous contacter avec les coordonnées ci-dessous.</p>" + 
				"<p>Thank you for visiting, our website is currently under construction and will be online soon! Please contact us at the coordinates below for further information about our products and services.</p>" + 
				"<p>Contact :<br /> Logicaisse Multimédia <br /> 4372, Autouroute Laval (440) Est <br /> Laval, Québec H7T 2P7 <br /> (450) 688-1271 <br /> <a href='mailto:multimedia@logicaisse.com'>multimedia@logicaisse.com</a></p>" + 
				"</div></div></div>"
				
var contact = "<div class='background' id='background_contact'>" + 
			"<div class='contenu' id='contenu_contact'>" + 
				"<div id='texte'>" + " <h2>SITE EN CONSTRUCTION</h2>" + 
				"<p>Merci de votre visitie, notre site Web est présentement en construction et sera bientôt en ligne ! Pour plus d'informations sur nos produits et services, veuillez nous contacter avec les coordonnées ci-dessous.</p>" + 
				"<p>Thank you for visiting, our website is currently under construction and will be online soon! Please contact us at the coordinates below for further information about our products and services.</p>" + 
				"<p>Contact :<br /> Logicaisse Multimédia <br /> 4372, Autouroute Laval (440) Est <br /> Laval, Québec H7T 2P7 <br /> (450) 688-1271 <br /> <a href='mailto:multimedia@logicaisse.com'>multimedia@logicaisse.com</a></p>" + 
				"</div></div></div>"
				
$(document).ready(function() {

	
	$(".body").fadeIn(1000);
    
	$("a.accueil.transition").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		
		$(".contenu").fadeOut(500);
		$(".contenu").children().fadeOut(500);
		$(".background").not("#menu").fadeOut(1000, function() {
	
			$(".background").replaceWith(accueil);	
			
			$(".background").not("#selected").fadeIn(1000)
			$(".contenu").fadeIn(1000);
			$(".contenu").children().fadeIn(1000, function(){
				
				this.style.removeAttribute("filter");
			});
		});
	});
		
	$("a.apropos.transition").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		
		$(".contenu").fadeOut(500);
		$(".contenu").children().fadeOut(500);
		$(".background:not(#menu)").fadeOut(1000, function() {
			
			$(".background").replaceWith(apropos);	
			
			$(".background").not("#selected").fadeIn(1000);
			$(".contenu").fadeIn(1000);
			$(".contenu").children().fadeIn(1000, function(){
				
				this.style.removeAttribute("filter");
			});
			
		});
	});
	
	$("a.portfolio.transition").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		
		$(".contenu").fadeOut(500);
		$(".contenu").children().fadeOut(500);
		$(".background").not("#selected").fadeOut(1000, function() {
			
			$(".background").replaceWith(portfolio);
				
			$(".background").not("#selected").fadeIn(1000);	
			$(".contenu").fadeIn(1000);
			$(".contenu").children().fadeIn(1000, function(){
				
				this.style.removeAttribute("filter");
			});
			
		});
	});
	
	$("a.services.transition").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		
		$(".contenu").fadeOut(500);
		$(".contenu").children().fadeOut(500);	
		$(".background").not("#selected").fadeOut(1000, function() {
			
			$(".background").replaceWith(services);	
			
			$(".background").not("#selected").fadeIn(1000)
			$(".contenu").fadeIn(1000);
			$(".contenu").children().fadeIn(1000, function(){
			
				this.style.removeAttribute("filter");
			});
			
		});
	});
	
	$("a.contact.transition").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		
		$(".contenu").fadeOut(500);
		$(".contenu").children().fadeOut(500);
		$(".background").not("#selected").fadeOut(1000, function() {
			
			$(".background").replaceWith(contact);	
			
			$(".background").not("#selected").fadeIn(1000)
			$(".contenu").fadeIn(1000);
			$(".contenu").children().fadeIn(1000, function(){
				
				this.style.removeAttribute("filter");
			});
			
		});
	});
	
	
});