$(document).ready(function(){
	if($(window).height() > $("#main").height()) $("#main").css("top",(($(window).height()-$("#main").height())/2)+"px");
	
	$(".textfield").focusin(function(){
		if($(this).val() == $(this).attr('title'))
		{
			$(this).val('');
		}
	});
	
	$(".textfield").focusout(function(){
		if($(this).val() == '')
		{
			$(this).val($(this).attr('title'));
		}
	});
	
	
	
	//#####################################################################################################
	//##  Ouverture et fermeture du menu  #################################################################
	
	$("#left-column").mouseenter(function(){
		$(this).stop().animate({width: "223px"}, {duration: 500, complete : function(){ $(this).find("#nav-main").stop().fadeIn()}} )
	})
	$("#left-column").mouseleave(function(){
		$(this).find("#nav-main").fadeOut(400, function(){ $(this).parent().stop().animate({width: "60px"}, 500)});
	})
	
	$("#left-column").bind("click",function(){
		if($(this).width() > 60){
			$(this).find("#nav-main").fadeOut(400, function(){ $(this).parent().stop().animate({width: "60px"}, 500)});
		}else{
			$(this).stop().animate({width: "223px"}, {duration: 500, complete : function(){ $(this).find("#nav-main").stop().fadeIn()}} );
		}
	})
	
	
	//#####################################################################################################
	//##  Slide Navigation  #################################################################
	

	
	var xstart;
	$('body').bind({
		"touchstart" : function(e){
			e.preventDefault();
			var event = e.originalEvent,
			touch = event.targetTouches ? event.targetTouches[0] : e;
			
			xstart = touch.pageX;
		},
		"touchend" : function(e){
			e.preventDefault();
			var event = e.originalEvent,
			touch = event.changedTouches ? event.changedTouches[0] : e;
			diffX = touch.pageX - xstart;
			
			if(Math.abs(diffX) > 30){
				if(diffX > 0){
					$('.nav-page.previous').trigger('click'); 
				}else{
					$('.nav-page.next').trigger('click');
				}
			}
		}
	});

	
	//Vérifie quelle est la page actif au loading et affiche les lien suivant précédent selon le cas
	if($("#nav-main").find("li.active").index() > 0) $(".previous").show();	
	if($("#nav-main").find("li.active").index() < ($("#nav-main li").size() -1)) $(".next").show();	
	
						
	$("#nav-main a, .slide_page").click(function(){
		url = $(this).attr("href");
		oldclass = $("#nav-main").find("li.active").find("a").attr("rel");
		old_index = $("#nav-main").find("li.active").index();
		//Switch la class active du menu vers le lien cliqué
		$("#nav-main").find("li").removeClass("active");
		if(url.charAt(0) == "/") url = url.substr(1)
		$("#nav-main li a[href='"+url+"']").parent().addClass("active")
		
		step = Math.abs($("#nav-main").find("li.active").index() - old_index);
		
		
		newclass = $(this).attr("rel");
		
		//Fade out de l'image et de la boite de contenu
		$(".nav-page").hide();	
		$(".nav-page").fadeOut(200);			
		$("#right-column").fadeOut(200, function(){
			//Apres le fadeout de l'image on fait glisser le background du site
			$("#main").animateToClass("#main."+newclass, (500+500*step), 'easeOutCubic', function(){
				//Une fois le background en place on affecte la nouvelle class de la "page"
				$("#main, #home-content").removeClass(oldclass).addClass(newclass);
				//Appel et remplace du contenu des boites en Ajax
				_gaq.push(['_trackPageview', url]);
				
				$.ajax({
					type: "GET",
					url: url,
					data: {ajax : "yes"},
					success: function(data){
						$("#right-column").html(data);
											
						//Fade in de l'image et de la boite de contenu
						$("#right-column").fadeIn(200);
						
						if($("#nav-main").find("li.active").index() > 0) $(".previous").show();	
						if($("#nav-main").find("li.active").index() < ($("#nav-main li").size() -1)) $(".next").show();
						
						init_page();
						
						
						
					}
				});
				
			});	
		});
		
		return false;
	})
	
	$(".nav-page").click(function(e){
		if($(this).hasClass("next")){
			$(this).parentsUntil("#nav-main").find("li.active").next().find("a").trigger("click")
		}else{
			$(this).parentsUntil("#nav-main").find("li.active").prev().find("a").trigger("click")
		}
	});	
	
						
	//#####################################################################################################
	//##  Ouverture color box  ############################################################################	
	
	$(".btn_video").colorbox({iframe:true, innerWidth:"1000", innerHeight:"560"});
	
	
	var ua = navigator.userAgent;
	var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);

	if(!isiPad){
		if (document.cookie.indexOf('visited=true') === -1) {
			var expires = new Date();
			expires.setDate(expires.getDate()+365);
			document.cookie = "visited=true; expires="+expires.toUTCString();
		
			setTimeout('$(".btn_video:eq(0)").trigger("click")',2000);
		} 
	}
	
	
	
	
	returnfirstbox = function(){
		$(".btn_more:eq(0)").trigger("click");
	}
	
	setGA_suite = function(){		
		url = $("#nav-main li.active:eq(0) a").attr("href");
		if(url.charAt(0) == "/") url = url.substr(1)
		_gaq.push(['_trackPageview', url+"-suite"]);
	}
	
	setGA_popup = function(){	
		_gaq.push(['_trackPageview', $(this).attr("href")]);
	}
	
	function init_page(){
		
		
		$(".box-content").dropShadow({left: 6, top: 6, opacity: 1, blur: 6, color: "#333"});
		
		//#####################################################################################################
		//##  Ouverture color box  ############################################################################
		
		$(".btn_more").colorbox({width:"70%", inline:true, href:"#box-content-detail .editor-wrapper", onOpen:setGA_suite});
		$(".popup").colorbox({width:"70%", onLoad:setGA_popup, onClosed:returnfirstbox});	
	
	
		//#####################################################################################################
		//##  Foncitons de liens  #############################################################################
		
		$("a[href='#']:not(.btn_more)").click(function(){return false;});
	
		$("a[href^='#']").each(function(){
			if($(this).attr("href") != "#"){
				$(this).attr("href", document.location.href+$(this).attr("href"));
			}
		});
			
		
		
		$('.editor-wrapper a[href*=".pdf"], .editor-wrapper a[href*=".doc"], .editor-wrapper a[href*=".docx"], .editor-wrapper a[href*=".xsl"], .editor-wrapper a[href*=".xslx"], .editor-wrapper a[href*=".ppt"], .editor-wrapper a[href*=".pptx"], .editor-wrapper a[href*=".txt"]').each(function(){
			var broken_href = $(this).attr('href').split('.');
			var extension = broken_href[broken_href.length-1];
			//.log(extension);
			if($(this).find('img').length < 1){ // Si il ne s'agit pas d'un liens sur imageUntitled Document
				switch(extension){
					
					case 'pdf':
						$(this).prepend('<img class="inline-icone" src="'+real_path+'img/document-pdf.png" alt="">').css('line-height','1.2em');
						break
					case 'doc':
					case 'docx':
						$(this).prepend('<img class="inline-icone" src="'+real_path+'img/document-word.png" alt="">').css('line-height','1.2em');
						break
					case 'xsl':
					case 'xslx':
						$(this).prepend('<img class="inline-icone" src="'+real_path+'img/document-excel.png" alt="">').css('line-height','1.2em');
						break
					case 'ppt':
					case 'pptx':
						$(this).prepend('<img class="inline-icone" src="'+real_path+'img/document-powerpoint.png" alt="">').css('line-height','1.2em');
						break
					case 'txt':
						$(this).prepend('<img class="inline-icone" src="'+real_path+'img/document-text.png" alt="">').css('line-height','1.2em');
						break
				}
			}
			$(this).attr('target','_blank').css("display","inline-block");
		});
		
		
		$('#section-wrapper a[href*="mailto:"]').each(function(){
			$(this).append('<img class="inline-icone-end" src="'+real_path+'img/document-mail.png" alt="">').css('line-height','1.2em').attr('target','_blank');
		});
		
		$('.editor-wrapper a[href*="http://"], .editor-wrapper a[href*="https://"]').not('a[href*="'+window.location.host+'"]').not('a[href*="youtube.com"]').each(function(){
			$(this).attr('target','_blank');
		});
	
		
		$('.editor-wrapper a[href*="youtube.com"]').each(function(){
			if($(this).next('img').length < 1){
				$(this).addClass('youtube-text-link').prepend('<img class="inline-icone" src="'+real_path+'img/document-youtube.jpg" alt="">').css('line-height','1.2em');
			}
			//var str = "http://www.youtube.com?v=salut123&test";
			var myregexp = /v=([^&]+)/;
			var cur_href = $(this).attr('href');
			var cur_vid_hash = cur_href.match(myregexp);
			var cur_vid_id = cur_vid_hash[1];
			
			$(this).attr('data-target_div', '#video-div').attr('data-target_subject',cur_vid_id).attr('href','#').addClass('vid-link');
			//$(this).attr('data-target_video', cur_vid_id);
			//.log($(this).dataset());
		});
		
		
		$('a[href="#"]').live('click', function(e){	e.preventDefault();	});
		
		
		$('a.btn-print').live('click', function(e){
			e.preventDefault();
			window.print();
		});
	
	}
	
	init_page();
	
});

function closecolorbox(){
	$(".btn_video").colorbox.close()
}