// JavaScript Document
/*function OuvreUrl(href)
{
	
	if (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) 
	{
		var host = href.substr(href.indexOf(':')+3);
		if (host.indexOf('/') != -1) 
		{
			host = host.substring(0, host.indexOf('/'));
		}
		if (host != window.location.host) 
		{
			window.open(href);
			
		}
	}	
}*/
//
$(document).ready(function() {
						   
		var delai = 30000;
		//
		$('#bt_11 a').click(function() {
			//alert('a');
			var href = $(this).attr('href');
			OuvreUrl(href);
			return false;
		});
		//
		$('#bt_12 a').click(function() {
			//alert('a');
			var href = $(this).attr('href');
			OuvreUrl(href);
			return false;
		});
		//
		$("#bt_2")
		.click(function()
		{
			//alert('1');	
			ChangeMenu("LOGICIEL");
		});
		//
		$("#bt_3")
		.click(function()
		{
			//alert('1');	
			ChangeMenu("SERVICE");
		});
		//
		$("#bt_4")
		.click(function()
		{
			//alert('4');	
			ChangePage("SERVICE", 7);
		});
		//
		$(".main_image .desc").show(); //Show Banner
		$(".main_image .block").animate({ opacity: 0.8 }, 1 ); $(".image_thumb ul li:first").addClass('active'); $(".image img:first").addClass('flecheactive'); //runs function on click
		//alert($(".image img:first").attr('id'));
		$(".image_thumb ul li").click(function () {
		    var imgAlt = $(this).find('img').attr("alt"); 
			var imgTitle = $(this).find('a').attr("href"); 
			var imgDesc = $(this).find('.block').html(); 	
			var imgId = $(this).attr('id'); 
			var nume = imgId.substr(1,1);
			var flecheId = 'I' + nume;
			var imgDescHeight = $(".main_image").find('.block').height();	
 
			if ($(this).is(".active")) {  
				return false;
			} else {
					$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
					$(".main_image .block").html(imgDesc).animate({ opacity: 0.8, marginBottom: "0" }, 250 );
					$(".main_image img").attr({ src: imgTitle , alt: imgAlt});
				});
			}
 
 			
			$(".image_thumb ul li").removeClass('active'); 
			$(this).addClass('active');
			$(".image img").removeClass('flecheactive'); 
			$("#" + flecheId).addClass('flecheactive');
			
			
			//$(this).addClass('active');
			return false;$active = $(this);
		slideSwitchClick();
		})
		.hover(function(){ 
 
		$(this).addClass('hover'); 
		clearInterval(playSlideshow);
		playSlideshow = setInterval('slideSwitchTimed()', delai );	
		}, function() {
		$(this).removeClass('hover'); 			
		});
 
		//runs function, set timer here
		$(function() {
			playSlideshow = setInterval('slideSwitchTimed()', delai );
		});		
		});
 
		function slideSwitchTimed() {
		$active = $('.image_thumb ul li.active').next();
		$flecheactive = $('.image img.flecheactive').next();
		if ( $active.length == 0 )
		{
			$active = $('.image_thumb ul li:first'); 
			$flecheactive = $(".image img:first");
		}
		slideSwitch();
		}
 
		function slideSwitchClick() {
			slideSwitch();			
		}
 
		function slideSwitch() {
		var $prev = $('.image_thumb ul li.active');
		var $flecheprev = $('.image img.flecheactive');
		//alert($flecheprev.attr('id'));
 
		//Show active list-item
		$prev.removeClass('active');
		$active.addClass('active');
		$flecheprev.removeClass('flecheactive');
		$flecheactive.addClass('flecheactive');
 
		//Set Variables
		var imgAlt = $active.find('img').attr("alt"); 
		var imgTitle = $active.find('a').attr("href"); 
		var imgDesc = $active.find('.block').html(); 
		var imgDescHeight = $(".main_image").find('.block').height(); 
 
		if ($(this).is(".active")) { 
		return false; 
		} else { 
 
		$(".main_image img").animate({ opacity: 0}, 250 );
		$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
		$(".main_image .block").html(imgDesc).animate({ opacity: 0.8,	marginBottom: "0" }, 250 );
		$(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 250 );
		});		
		}
		return false;
		//
	}