// JavaScript Document
function unique_requestid() {
var timestamp = Number(new Date()).toString();
var random = Math.random() * (Math.random() * 100000 * Math.random() );
var unique = new String();
unique = timestamp + random;
return unique;
}

	var previous_scroll = 0;
	var current = 1;
	var next = 2;
	
	var previous_scroll_a = 0;
	var current_a = 1;
	var next_a = 2;
	
	function detectId_arrow()
	{
		var scrollTop = $(window).scrollTop();
		
		if(scrollTop != previous_scroll_a)
		{
				if(scrollTop > previous_scroll_a)
				{
					var direction = 'down';
					next_a = current_a + 1;
					
					
					var object = $('#a_'+current_a);
					
					var object_next = $('#a_'+next_a);
					var img_1 = (object.offset()).top - 109;
					var img_2 = (object_next.offset()).top - 250;
					
				}
				else
				{
					
					var direction = 'up';
					next_a = current_a;
					if(next_a < 1) next_a = 1;
					var object = $('#a_'+current_a);
					var img_1 = (object.offset()).top - 109;
				}

			previous_scroll_a = scrollTop;
			
			
			if(direction == 'down')
			{
				if(scrollTop >= img_1 && scrollTop > img_2)
				{										
					current_a = current_a +1;
					next_a = current_a + 1;
				
					var contenu = '<a class="scroll" href="#a_'+next_a+'" ><img src="images/btn_bottom.gif"/></a><a class="scroll" href="#a_'+(current_a-1)+'"><img src="images/btn_top.gif"/></a>';
					document.getElementById('edit_2').innerHTML = contenu;
					
					$(".scroll").click(function(event){
						//prevent the default action for the click event
						event.preventDefault();
				
						//get the full url - like mysitecom/index.htm#home
						var full_url = this.href;
				
						//split the url by # and get the anchor target name - home in mysitecom/index.htm#home
						var parts = full_url.split("#");
						var textTarget = "#target";
						var trgt = parts[1];
						
						//alert(trgt);
				
						//get the top offset of the target anchor
						var target_offset = $("#"+trgt).offset();
						
						var target_top = target_offset.top - 109;
				
						//goto that anchor by setting the body scroll top to anchor top
						$('html, body').animate({scrollTop:target_top}, 500);
					});
				}	
			}
			else
			{
				if(scrollTop < img_1)
				{
					current_a = current_a -1;
					var bug = false;
					if(current_a <= 1) { current_a = 2;bug = true; }
					var contenu = '<a class="scroll" href="#a_'+next_a+'"><img src="images/btn_bottom.gif"/></a><a class="scroll" href="#a_'+(current_a-1)+'"><img src="images/btn_top.gif"/></a>';
					if(bug == true) { current_a = 1; bug = false; }
					
					document.getElementById('edit_2').innerHTML = contenu;
					
					$(".scroll").click(function(event)
					{
							//prevent the default action for the click event
							event.preventDefault();
					
							var full_url = this.href;
					
							var parts = full_url.split("#");
							var textTarget = "#target";
							var trgt = parts[1];
							
							//alert(current_a+' - '+trgt);
							
							if(trgt != 'a_'+current_a)
							{
								var target_offset = $("#"+trgt).offset();
								var target_top = target_offset.top - 109;
								
								//goto that anchor by setting the body scroll top to anchor top
								$('html, body').animate({scrollTop:target_top}, 500);
							}
					});
					
				}	
			}	
		}
	}
	
	function detectId()
	{
		var scrollTop = $(window).scrollTop();
		var bug = false;
		if(scrollTop != previous_scroll)
		{
			if(previous_scroll != 0)
			{
				if(scrollTop > previous_scroll)
				{
					var direction = 'down';
					next = current + 1;
					
					var test = document.getElementById('i_'+next);
					if(test)
					{}
					else
					{
						bug = true;
					}
				}
				else
				{
					var direction = 'up';
					next = current - 1;
					if(next < 1) next = 1;
					var object_previous = $('#i_'+next);
					var img_3 = (object_previous.offset()).top;
				}
			}
			else
			{
				var direction = 'down';
			}
			
			if(bug == false)
			{
				var object = $('#i_'+current);
			
				var object_next2 = $('#i_'+next);
				
				var img_1 = (object.offset()).top;
				var img_2 = (object_next2.offset()).top - 130;
				
				previous_scroll = scrollTop;
				//alert(current+','+next);
				if(direction == 'down')
				{
					if(scrollTop >= img_1 && scrollTop > img_2)
					{
						//$('#brand').fadeOut(300, function() {  
						
						var contenu = document.getElementById('i_'+next).innerHTML;
						document.getElementById('edit_1').innerHTML = contenu;
						
						
						//$('#brand').fadeIn();
						
						current = current +1;
						next = current + 1;
						
						//} );
						//$('#i_'+current).css('visibility','hidden');
						//$('#i_'+next).css('visibility','visible');
					}	
				}
				else
				{
				
					if(scrollTop < img_1 - 130 && current != 1)
					{
						//$('#brand').fadeOut(300, function() {  
						
						var contenu = document.getElementById('i_'+next).innerHTML;
						document.getElementById('edit_1').innerHTML = contenu;
						
						
						
						//$('#brand').fadeIn();
						
						current = current -1;
						next = current + 1;
						
						//} );
						//$('#i_'+current).css('visibility','hidden');
						//$('#i_'+next).css('visibility','visible');
					}	
				}	
			}
			
		}
		
	}


	
	$(window).scroll( function() { 	
		
		detectId();
		detectId_arrow();
	} );


	// Pour activer la première flèche de scrolling
	

// Affiche les contenus dans les portfolio onclick
function getXMLHR()
{
	var xmlHttp = false;
	if (window.ActiveXObject)
	{
		try
		{
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else if (window.XMLHttpRequest)
	{
		xmlHttp = new XMLHttpRequest();
	}
	else
	{
		alert('FONCTION NON-SUPORTÉE !!\nVeuillez mettre votre navigateur a jour');
		return;
	}
	//retour de l'objet créé
	return xmlHttp;
}

function ajaxReload(inputId,fichier)
{
	var xmlHttp = getXMLHR();
	var container = document.getElementById(inputId);
	
	xmlHttp.onreadystatechange = function()
	{
		if (xmlHttp.readyState == 4)
		{	
			if (xmlHttp.status == 200)
			{
				if(xmlHttp.responseText != '')
				{
					container.innerHTML = xmlHttp.responseText;
				}
			}
		}
	}
		
		xmlHttp.open("POST",fichier,true);
		xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		container.innerHTML = '<div style="width:32px; height:32px; position:relative; top:50%;  margin:auto; margin-top:-32px;"><img src="images/loader.gif" /></div>';
		xmlHttp.send();
}

function rollTop(){
	$('html,body,#wrapper').animate({scrollTop: 0}, 800);
}

function loadContent(elementSelector, sourceURL, type)
{				
	// Initialisation des variables pour le script des flèches
	previous_scroll = 0;
	current = 1;
	next = 2;
	previous_scroll_a = 0;
	current_a = 1;
	next_a = 2;
	
	

	if(!type) { type = 'aucun'; }

	$(elementSelector).load(sourceURL+'?random=' + unique_requestid(),function()
	{
		
		if(elementSelector == "#mid_column" && sourceURL == "portfolio/gallery_en.html") 
		{
			if($("#portfolio_active").length == 1)
			{
				return;
			}
		}
		
		$('html,body,#wrapper').animate({scrollTop: 0}, 400);
		//$(elementSelector).animate({'opacity':1},1);
		
		if(type != 'aucun')
		{
			toggleClick(type);
			rollTop();
		}
	
		// On regarde la dimension du titre 
		var DivHeight = $('#description_projet').height();
		
		//	Si DivHeight = 40px on descend la boîte description un peut
		if(DivHeight >= 40)
		{
			
			$(".description_projet2").css('top','180px');	
		}
		else
		{
			$(".description_projet2").css('top','160px');	
		}
	
		// Si la largeur de l'écran est plus grande que 1024px
		if(($(window).width() >= 1280))
		{
			var cssObj = {
			  'width' : '750px'
			}
			$("#projet").css(cssObj);
			$("#portfolio_nav").css('left','1078px');
			$(".description_projet2").show();
			$(".description_projet2").css('left','848px');
			
			// Éléments des différentes page du portfolio
			$(".portfolio_51").css('width','375px');
			$(".portfolio_bodog").css('width','375px');
			

		}
		
		// Si la largeur est 1024
		else  
		{

			$("#portfolio_nav").css('left','798px');

			$(".description_projet2").show();
			$(".description_projet2").css('left','568px');

			// Lorsque la fenêtre est plus petite que le 1024, on réduit la taille des images
			var cssObj = {
			  'width' : '550px'
			}
			$("#projet").css(cssObj);
			$(".portfolio").css('width','100%');
			$(".portfolio_2").css('width','160px');
			$(".portfolio_2").css('margin-left','10px');
			$(".portfolio_3").css('width','150px');
			$(".portfolio_51").css('width','275px');
			$(".portfolio_bodog").css('width','284px');
			
		}	
		
		$(".scroll").click(function(event){
			
			//prevent the default action for the click event
			event.preventDefault();
	
			//get the full url - like mysitecom/index.htm#home
			var full_url = this.href;
	
			//split the url by # and get the anchor target name - home in mysitecom/index.htm#home
			var parts = full_url.split("#");
			var textTarget = "#target";
			var trgt = parts[1];
			
			
	
			//get the top offset of the target anchor
			var target_offset = $("#"+trgt).offset();
			var target_top = target_offset.top - 109;
	
			//goto that anchor by setting the body scroll top to anchor top
			$('html, body').animate({scrollTop:target_top}, 500);
		});
		
	});
	
}

	
// Nous refaisons le même processus, mais cette fois, c'est lorsque l'on resize la fenêtre.
// Ceci permet une meilleure dynamiser le site visuellement 
$(window).resize(function() {
	if( ($(window).width() >= 1280))
	{
		// On regarde la dimension du titre 
		var DivHeight = $('#description_projet').height();

		var cssObj = {
			  'width' : '750px'
			}
			$("#projet").css(cssObj);
			$(".portfolio").css('width','750px');
			$(".portfolio_2").css('width','250px');
			$(".portfolio_2").css('margin-left','0px');
			$(".portfolio_3").css('width','250px');
			$(".portfolio_51").css('width','375px');
			$(".portfolio_bodog").css('width','375px');

			var	nav_portfolio = 878;
			var description_projet = 878;

			if($("#pages").hasClass("open") == false)$("#portfolio_nav").css('left','1078px');
			else $("#portfolio_nav").css('left','1774px');
			
			if(right == false)
			{
				//alert('script suposé être faux est -> ' + right);
				$(".description_projet2").css('left','848px');	
				
				//	Si DivHeight = 40px on descend la boîte description un peut
				if(DivHeight >= 40)
				{
					$(".description_projet2").css('top','180px');	
				}
				else
				{
					$(".description_projet2").css('top','160px');	
				}
			}
			else
			{
				$(".description_projet2").css('left','1544px');
				
				//	Si DivHeight = 40px on descend la boîte description un peut
				if(DivHeight >= 40)
				{
					$(".description_projet2").css('top','180px');	
				}
				else
				{
					$(".description_projet2").css('top','160px');	
				}
			}
			

		
	}
	// Si la largeur est plus petite que 1024
	else 
	{
		var cssObj = {
		  'width' : '550px'
		}
		$("#projet").css(cssObj);
		$("#projet").css('overflow','hidden');
		$(".portfolio").css('width','100%');
		$(".portfolio_2").css('width','160px');
		$(".portfolio_2").css('margin-left','10px');
		$(".portfolio_3").css('width','150px');
		$(".portfolio_51").css('width','275px');
		$(".portfolio_bodog").css('width','284px');
		
		var	nav_portfolio = 878;
		var description_projet = 878;
			
			if($("#pages").hasClass("open") == false)$("#portfolio_nav").css('left','798px');
			else $("#portfolio_nav").css('left','1646px');
			
			if(right == false)
			{
				// Si le portfolio est à gauche
				$(".description_projet2").css('left','568px');
	
			}
			else
			{
				// Si le portfolio est à droite
				$(".description_projet2").css('left','1124px');
			}
	}
});


	
	/*
	$(".scrollTop").click(function(e){
		$('html,body,#wrapper').animate({scrollTop: 0}, 400);
	});
	*/