var speed = 500;
var timeout = 7000;
var current_div = 1;
var div_in = 0;
var nb_projets = 0;
var timer_enseignes;
var timer;

$(function() {

	afficher_enseigne_courante(current_div);
    
    var imgA = new Image();
    imgA.src = "/imgs/default/bouton_gauche_actif.png";
    
    var imgB = new Image();
    imgB.src = "/imgs/default/bouton_droit_actif.png";
    
    if ($("#splashscreen").length > 0) {
        afficher_splashscreen();
    }
    
    var player = $("#player");
	
	if (player.length != 0) {
		entete_player = flowplayer("player", {src: "/swf/flowplayer/flowplayer-3.2.7.swf", bgcolor: "#ffffff", wmode: "opaque"}, {
			
            plugins: {
				controls: null
			},
			onBegin: function() {
                $(".loader_bg").hide();
			},
			onFinish: function() {
                cacher_splashscreen();
			}
		}).ipad();
	}
    
    // Ferme le splash screen
    $("#player").click(function() {
        cacher_splashscreen();
    });
    
    // Ferme le splash screen
    $("#splashscreen").click(function() {
        cacher_splashscreen();
    });
    
    $("#fermer_splashscreen").click(function() {
        cacher_splashscreen();
    });
    
	$("#current_ens").val('1');
	
	$(".text-enseigne[rel=1]").hide();
	$(".logo-enseigne[rel!=1]").hide();
	
	$("#projets").children('div').each(function() {
		nb_projets++;
	});
	
	$("#projets").children('div[id!=projet1]').css('opacity','0');
	$("#produits").children('div[id!=produit1]').css("top","100px").css("left","115px").css("width","0").css("height","0");
	$("#textes").children('p[id!=texte1]').css("top","80px");
	
	$("#next_button").live("click", reset_timer_next);
	$("#prev_button").live("click", reset_timer_prev);
	$(".enseigne-small").live("mouseenter", go_enseigne);
	//$(".enseigne-logo").live("click", go_enseigne);
	//$("#ens_left").live("mouseenter", bulles_in);
	//$("#ens_right").live("mouseenter", bulles_in);
	//$("#ens_left").live("mouseleave", bulles_out);
	//$("#ens_right").live("mouseleave", bulles_out);
	//$(".enseigne-bulle").live("mouseenter", bulles_out);
	//$(".enseigne-small").live("click", bulles_out);
	
	$("#button_up").live("click", move_up);
	$("#button_down").live("click", move_down);
	
	// Défilement enseignes
	//if ($("#enseignes").length > 0) move_enseignes(1);
	
	// Défilement projets
	timer = setTimeout("move_next()", timeout);
    
    $(".enseigne-lien-commande").click(function() {
        
    });
	
});

function move_up() {
	var pos = $("#current_ens").val();
	pos--;
	if (pos > 0) {
		move_enseignes(pos);
	}
}

function move_down() {
	var pos = $("#current_ens").val();
	var max = $("#max_ens").val();
	pos++;
	if (pos <= max) {
		move_enseignes(pos);
	}
}

/****************************************************************/
// Affiche une enseigne
function go_enseigne() {
	var pos = $(this).attr('rel');
	move_enseignes(pos);
}

/****************************************************************/
// Passe d'une enseigne à l'autre avec un timer
function move_enseignes(next) {
	
	var max_ens = $("#max_ens").val();
	var vitesse_apparition = 0;
    
    /*if($.browser.msie && $.browser.version > 6 && $.browser.version < 9) {     
        $('#masque_milieu_haut img').css('filter', 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#01FFFFFF,endColorstr=#01FFFFFF)');
        $('#masque_milieu_bas img').css('filter', 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#01FFFFFF,endColorstr=#01FFFFFF)');
    }*/
	
	if (typeof(next) == 'undefined') {	
	
		var current_ens = $("#current_ens").val();	
		var next_ens = parseInt(current_ens) + 1;
	
		// Affiche ou cache les masques
		/*if (next_ens > max_ens) {	
			$("#masque_milieu_haut").fadeOut(vitesse_apparition);
		}
		else {
            $("#masque_milieu_haut").fadeIn(vitesse_apparition);
		}
	
		if (next_ens == 10) {

			$("#masque_milieu_bas").fadeOut(vitesse_apparition);
		}
		else {
			$("#masque_milieu_bas").fadeIn(vitesse_apparition);
		}*/
		
		if (next_ens > max_ens) {
			next_ens = 1;
		}
		
	}
	else {
	
		if (timer_enseignes) {
			clearTimeout(timer_enseignes);
		}
		
		next_ens = next;

		// Affiche ou cache les masques
		/*if (next == 1) {	
			$("#masque_milieu_haut").fadeOut(vitesse_apparition);
		}
		else {
			$("#masque_milieu_haut").fadeIn(vitesse_apparition);

		}
	
		if (next == max_ens) {
			$("#masque_milieu_bas").fadeOut(vitesse_apparition);
		}
		else {

			$("#masque_milieu_bas").fadeIn(vitesse_apparition);
		}*/
	}

	/*if (typeof(next) == 'undefined' || next == 1) {
		timer_enseignes = setTimeout("move_enseignes()", 20000); // 20 secondes
	}*/
	
	enseignes(next_ens);

}

/****************************************************************/
// Détruit le timer des projets, et passe au projet suivant
function reset_timer_next() {
	clearTimeout(timer);
	move_next();
}


/****************************************************************/
// Détruit le timer des projets, et passe au projet précédent
function reset_timer_prev() {
	clearTimeout(timer);
	move_prev();
}

function enseignes(next_ens) {
	
	var ens_pos = next_ens;
	var classes_ens = $(".enseigne-small[rel="+ens_pos+"]").attr('class');
	var current_ens = $("#current_ens").val();
	var classes_current_ens = $(".enseigne-small[rel="+current_ens+"]").attr('class');
	var max_ens = $("#max_ens").val();
	
	if (current_ens != ens_pos) {
		
		// Supression des évenements
		$(".enseigne-small").die("mouseenter", go_enseigne);
		//$(".enseigne-logo").die("click", go_enseigne);
		$("#button_up").die("click", move_up);
		$("#button_down").die("click", move_down);
		
		// Suppression des classes "active"
		/*$(".enseigne-small").removeClass("enseigne-small-gauche-hover").addClass("enseigne-small-gauche");
		$(".enseigne-small").removeClass("enseigne-small-gauche-haut-hover").addClass("enseigne-small-gauche-haut");
		$(".enseigne-small").removeClass("enseigne-small-gauche-bas-hover").addClass("enseigne-small-gauche-bas");*/
		classes_current_ens = classes_current_ens.split(' ');
		var classs = classes_current_ens[1].substr(0, classes_current_ens[1].length - 6);
		$(".enseigne-small[rel="+current_ens+"]").removeClass(classes_current_ens[1]).addClass(classs);
		
		
		// Surbrillance de l'enseigne affichée
		//classes_ens = classes_ens.split(' ');
		//var class = classes_ens;
		//class = class + '-hover';
		$(".enseigne-small[rel="+ens_pos+"]").attr('class', classes_ens + '-hover');
		
		
		// Cartouche jaune "infos et commande"
		$(".enseigne-lien[rel!="+ens_pos+"]").hide();
		$(".enseigne-lien[rel="+ens_pos+"]").show();
		
		
		// Remplacement texte par logo et inversement
		$(".text-enseigne[rel="+current_ens+"]").show();
		$(".logo-enseigne[rel="+current_ens+"]").hide();
		$(".text-enseigne[rel="+ens_pos+"]").hide();
		$(".logo-enseigne[rel="+ens_pos+"]").show();
		
		
		// Logo précédant celui sur lequel on veut aller => on le descend
		var logo_prec_clk = ens_pos;
		logo_prec_clk--;
		
		// Logo précédant le logo en cours => on le remonte
		var logo_prec_cur = current_ens;
		logo_prec_cur--;
		
		// Animation des enseignes
		$(".enseigne-top").animate({
			marginTop: - ((parseInt(ens_pos)-1) * 286)
		}, 0, 'easeInOutQuint', function() {
			$(".enseigne-small").live("mouseenter", go_enseigne);
			//$(".enseigne-logo").live("click", go_enseigne);
			$("#button_up").live("click", move_up);
			$("#button_down").live("click", move_down);
			$("#current_ens").val(ens_pos);
			
			//$(".enseigne[rel!="+ens_pos+"]").css({"background":"url(/imgs/default/cartouche_vide.png)"});
			//$(".enseigne[rel="+ens_pos+"]").css({"background":"url(/imgs/default/cartouche.png)"});
			
		});
		
		// Animation des logos
		/*if (logo_prec_clk >= 0) {
			$(".enseigne-logo[rel="+logo_prec_clk+"]").animate({
				marginTop: 190
			}, 0, 'easeInOutQuint', function() {
			});
			$(".enseigne-texte[rel="+logo_prec_clk+"]").animate({
				opacity: 0
			}, 0, 'easeOutCirc', function() {
			});
		}
		if (logo_prec_cur >= 0) {
			$(".enseigne-logo[rel="+logo_prec_cur+"]").animate({
				marginTop: 0
			}, 0, 'easeInOutQuint', function() {
			});
			$(".enseigne-texte[rel="+logo_prec_cur+"]").animate({
				opacity: 1
			}, 0, 'easeInCirc', function() {
			});
		}*/
		
		// Animation des boutons suivant et précédent
		var speed_fade = 400;
		var speed_delay = 400;
		
		afficher_enseigne_courante(next_ens);
		
		//IE 6 (bug: génération d'un filter dans l'attribut style qui empêche le background d'apparaître)
		/*if ($.browser.msie && $.browser.version.substring(0,1) === '6') {
		
			if (ens_pos == 1) {
				setTimeout(function() { $("#button_up").hide(); }, speed_delay);
				setTimeout(function() { $("#button_down").show(); }, speed_delay);
			}
			
			if (ens_pos == max_ens) {
				setTimeout(function() { $("#button_up").show(); }, speed_delay);
				setTimeout(function() { $("#button_down").hide(); }, speed_delay);
			}
			
			if (parseInt(ens_pos) > 1 && parseInt(ens_pos) < max_ens) {
				setTimeout(function() { $("#button_up").show(); }, speed_delay);
				setTimeout(function() { $("#button_down").show(); }, speed_delay);
			}
		
		}
		
		//autres navigateurs
		else {
			if (ens_pos == 1) {
				setTimeout(function() { $("#button_up").fadeOut(speed_fade); }, speed_delay);
				setTimeout(function() { $("#button_down").fadeIn(speed_fade); }, speed_delay);
			}
			
			if (ens_pos == max_ens) {
				setTimeout(function() { $("#button_up").fadeIn(speed_fade); }, speed_delay);
				setTimeout(function() { $("#button_down").fadeOut(speed_fade); }, speed_delay);
			}
			
			if (parseInt(ens_pos) > 1 && parseInt(ens_pos) < max_ens) {
				setTimeout(function() { $("#button_up").fadeIn(speed_fade); }, speed_delay);
				setTimeout(function() { $("#button_down").fadeIn(speed_fade); }, speed_delay);
			}
		}*/
		
		
	
	}

}

/****************************************************************/
// Passe au projet suivant
function move_next() {

	$("#next_button").die("click", reset_timer_next);
	$("#prev_button").die("click", reset_timer_prev);
	
	var div_in = parseInt(current_div) + 1;
	if (div_in > nb_projets) {
		div_in = 1;
	}
	
	// Projets
	$("#projet"+div_in).animate({
		opacity: 1
	}, speed, function() {
		$("#next_button").live("click", reset_timer_next);
		$("#prev_button").live("click", reset_timer_prev);
		$("#lien").attr('href', $("#projet"+div_in).attr('rel'));
	});
	
	$("#projet"+current_div).animate({
		opacity: 0
	}, speed, function() {});
	
	// Produits
	$("#produit"+div_in).animate({
		left: 0,
		top: 0,
		width: 200,
		height: 230
	}, speed, function() {});

    
    if ($("#produit"+div_in).children(".projet_url").html() == "") {
        $(".lien_projet").fadeOut();
    }
    else {
        
        var url = $("#produit"+div_in).children(".projet_url").html();
        $(".lien_projet").attr("href", url).attr("target", "");
        
        if ($("#produit"+div_in).children(".externe").html() == 1) {
            $(".lien_projet").attr("target", "_blank");
        }
        else {
            $(".lien_projet").attr("target", "");
        }
        $(".lien_projet").fadeIn();
    }
	
    if ($("#produit"+div_in+" img").length > 0) {
        
        $("#infos_projet").show();
        
        if($.browser.msie && $.browser.version == "6.0") {
            $("#solution_pour_projet").show();
        }
        else {
            $("#solution_pour_projet").fadeIn();
        }
        
        var dim = $("#produit"+div_in+" img").attr('rel');
        dim = dim.split(':');
        var width_in = dim[0];
        var height_in = dim[1];
	
        $("#produit"+div_in+" img").animate({
            left: 0,
            top: 0,
            width: width_in,
            height: height_in
        }, speed, function() {});
    
    }
    else {
        
        if($.browser.msie && $.browser.version > 6 && $.browser.version < 9) {
            $('#solution_pour_projet img').css('filter', 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#01676767,endColorstr=#01676767)');
        }
        
        $("#infos_projet").hide();
    
        if($.browser.msie && $.browser.version == "6.0") {
            $("#solution_pour_projet").hide();
        }
        else {
            $("#solution_pour_projet").fadeOut();
        }
    
    }
	
	$("#produit"+current_div).animate({
		left: 100,
		top: 115,
		width: 1,
		height: 1
	}, speed, function() {});
	
	$("#produit"+current_div+" img").animate({
		left: 100,
		top: 115,
		width: 1,
		height: 1
	}, speed, function() {});
	
	
	// Texte
	$("#texte"+div_in).animate({
		top: 0
	}, speed, function() {});
	
	$("#texte"+current_div).animate({
		top: 80
	}, speed, function() {
		current_div++;
		if (current_div > nb_projets) {
			current_div = 1;
		}
		
		
		var projet_url = $(".produit[value=" + div_in + "] .projet_url").html();
	
		var externe = $(".produit[value=" + div_in + "] .externe").html();
		var target;
		
		if (externe == 1) {
			target = "target='_blank'";
		}
		else {
			target = "";
		}
		
        // Change l'url "voir ce produit"
		$("#liens").html("<p><a id='lien' href='" + projet_url + "' " + target + ">voir ce produit</a></p>");
        // Change l'url "solutions pour vos projets"
        $("#solution_pour_projet").attr("href", projet_url);
		
	});
	
	// Timer
	timer = setTimeout("move_next()",timeout);
}

/****************************************************************/
// Passe au projet précédent
function move_prev() {
	$("#prev_button").die("click", reset_timer_prev);
	$("#next_button").die("click", reset_timer_next);
	
	var div_in = parseInt(current_div) - 1;
	if (div_in == 0) {
		div_in = nb_projets;
	}
	
	// Projets
	$("#projet"+div_in).animate({
		opacity: 1
	}, speed, function() {
		$("#prev_button").live("click", reset_timer_prev);
		$("#next_button").live("click", reset_timer_next);
	});
	
	$("#projet"+current_div).animate({
		opacity: 0
	}, speed, function() {});
	
	
	// Produits
	$("#produit"+div_in).animate({
		left: 0,
		top: 0,
		width: 200,
		height: 230
	}, speed, function() {});
    
    if ($("#produit"+div_in).children(".projet_url").html() == "") {
        $(".lien_projet").fadeOut();
    }
    else {
        
        var url = $("#produit"+div_in).children(".projet_url").html();
        $(".lien_projet").attr("href", url).attr("target", "");
        
        if ($("#produit"+div_in).children(".externe").html() == 1) {
            $(".lien_projet").attr("target", "_blank");
        }
        else {
            $(".lien_projet").attr("target", "");
        }
        $(".lien_projet").fadeIn();
    }
    
    if ($("#produit"+div_in+" img").length > 0) {
        
        $("#infos_projet").show();
        
        if($.browser.msie && $.browser.version == "6.0") {
            $("#solution_pour_projet").show();
        }
        else {
            $("#solution_pour_projet").fadeIn();
        }
        
        var dim = $("#produit"+div_in+" img").attr('rel');
        dim = dim.split(':');
        var width_in = dim[0];
        var height_in = dim[1];
	
        $("#produit"+div_in+" img").animate({
            left: 0,
            top: 0,
            width: width_in,
            height: height_in
        }, speed, function() {});
    
    }
    else {
        
        if($.browser.msie && $.browser.version > 6 && $.browser.version < 9) {
            $('#solution_pour_projet img').css('filter', 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#01676767,endColorstr=#01676767)');
        }
    
        $("#infos_projet").hide();
    
        if($.browser.msie && $.browser.version == "6.0") {
            $("#solution_pour_projet").hide();
        }
        else {
            $("#solution_pour_projet").fadeOut();
        }
    
    }

	$("#produit"+current_div).animate({
		left: 100,
		top: 115,
		width: 1,
		height: 1
	}, speed, function() {});
	
	$("#produit"+current_div+" img").animate({
		left: 100,
		top: 115,
		width: 1,
		height: 1
	}, speed, function() {});
	
	
	// Texte
	$("#texte"+div_in).animate({
		top: 0
	}, speed, function() {});
	
	$("#texte"+current_div).animate({
		top: 80
	}, speed, function() {
		current_div--;
		if (current_div == 0) {
			current_div = nb_projets;
		}
		
		var projet_url = $(".produit[value=" + div_in + "] .projet_url").html();
	
		var externe = $(".produit[value=" + div_in + "] .externe").html();
		var target;
		
		if (externe == 1) {
			target = "target='_blank'";
		}
		else {
			target = "";
		}
		
        // Change l'url "voir ce produit"
		$("#liens").html("<p><a id='lien' href='" + projet_url + "' " + target + ">voir ce produit</a></p>");
        // Change l'url "solutions pour vos projets"
        $("#solution_pour_projet").attr("href", projet_url);
		
	});
	
	timer = setTimeout("move_next()",timeout);
}


function afficher_splashscreen() {

    $("#splashscreen").show();
    $("#blue_mask").show();
    $("#blue_mask").live("click", cacher_splashscreen);
    
}

function cacher_splashscreen() {
    
    $("#splashscreen").fadeOut();
    
    $("#blue_mask").stop().animate({
        opacity: 0
    }, vitesse_animation, function() {
        $("#blue_mask").hide();
    });
    
}

function afficher_enseigne_courante(div_number) {

	$(".enseigne").stop().each(function() {
		$(this).css({"opacity" : "0", "visibility" : "hidden"});
	});

	$(".enseigne[rel=" + div_number + "]").stop().css("visibility", "visible").animate({
		opacity: "100",
		filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#01FFFFFF,endColorstr=#01FFFFFF)'
	}, 2000);
		


}