$(document).ready(function(){

// $(window).resize(function(){});

/*--------------------------------------------------------------------
------------------------- Positionement des elements.
--------------------------------------------------------------------*/

    // definition des positions
	
    var largeur_fenetre = $(window).width();
    var hauteur_fenetre = $(window).height();
    var position_centre = largeur_fenetre/2-105;   
    var position_blog = largeur_fenetre/2-83;
    var position_page_gauche = largeur_fenetre/2-20-105;
    var position_page_droite = largeur_fenetre/2-5+105;
    var position_conteneur_phoenix = largeur_fenetre/2-92;
    var position_logo = largeur_fenetre/2-580;
    
    // placement avec animations
    $("#bg").css({top: "151px", height: "600px"});
    $("#centre").css({left: position_centre+"px"});
    $("#blog").css({left: position_blog+"px"});
    $("#logo").css({left: position_logo+"px"});
    $("#page_gauche").css({left: position_page_gauche+"px"});
    $("#page_droite").css({left: position_page_droite+"px"});
    
/*--------------------------------------------------------------------
------------------------- Site en travaux.
--------------------------------------------------------------------*/
	var position_alerte_l = largeur_fenetre/2-180;
	var position_alerte_t = hauteur_fenetre/2-90;
	
	$("#build").css({top: position_alerte_t+"px",left: position_alerte_l+"px" });
	$("#bg_build").css({width: largeur_fenetre+"px",height:hauteur_fenetre+"px"});
	$("#fermer_build").click(function(){
		$("#build").fadeOut(600);
		$("#bg_build").fadeOut(600);
		return false;
	});

	

/*--------------------------------------------------------------------
------------------------- Animation du bloc BLOG
--------------------------------------------------------------------*/

    $("#blog").mouseover(function(){
      $(this).stop().animate({top: "772px" }, 500, "easeInOutBack");
    }).mouseout(function(){
      $(this).stop().animate({top: "740px"}, 200 );
    });

/*--------------------------------------------------------------------
------------------------- Animations du menu
--------------------------------------------------------------------*/

    $(".menu").click(function(){
        if($(this).next("div").is(":hidden")){
            $(".menu").next("div:visible").stop().slideUp(500);
            $(this).next("div").stop().slideDown(500);
        }
        else{
            $(this).next("div:visible").stop().slideUp(500);
        }
        return false;
    });
	
	
	$(".hover").css("opacity","0");
	$("a[rel=menu]").hover(function(){
		var elem = $(this);
		var id = elem.attr("id");
		var hide = $("#"+id+"_h").is(":hidden");
		if(hide == false){
			$("#"+id+"_h").stop().animate({opacity: 1}, 500);
		}
	}).mouseout(function(){
		var elem = $(this);
		var id = elem.attr("id");
		var hide = $("#"+id+"_h").is(":hidden");
		if(hide == false){
			$("#"+id+"_h").stop().animate({opacity: 0}, 500);
		}	
	});
/*--------------------------------------------------------------------
------------------------- Chargement des pages
--------------------------------------------------------------------*/

    // Pages simples
    $(".load").click(function(){
        
        var page = $(this).attr("id");
        
        var largeur_ouvert = "480px";
        var largeur_ferme = "25px";
        var largeur_actuelle = $("#page_droite").css("width");
        
        var valeur_page = $("#pages").val();
        var valeur_type = $("#pages_type").val();
        
        if(largeur_actuelle == largeur_ferme){
            $("#page_droite").animate({width: "480px" }, 500);
            $("#texte_droite").load("contenu/"+page+".html");
            $("#pages").val(page);
            $("#pages_type").val(1);
        }
        else if(largeur_actuelle == largeur_ouvert){
            if(valeur_type == 2){
                var position_page_gauche_close = largeur_fenetre/2-20-105;
                $("#page_gauche").animate({width: "25px", left: position_page_gauche_close+"px" }, 500);
                $.doTimeout( 400, function(){
                   $("#texte_gauche").html('');
                });
            }

            if(valeur_page != page){
               $("#page_droite").animate({width: "25px" }, 500).animate({width: "480px" }, 500);
               $.doTimeout( 400, function(){
                   $("#texte_droite").html('');
               });
               $.doTimeout( 500, function(){
                   $("#texte_droite").load("contenu/"+page+".html");   
                   $("#pages").val(page);
                   $("#pages_type").val(1);
               });
            }
            
        }
        return false;
    });
    
    // Pages doubles
    $(".load2").click(function(){
        
        var page = $(this).attr("id");
        
        var largeur_ouvert = "480px";
        var largeur_ferme = "25px";
        var largeur_actuelle = $("#page_droite").css("width");
        
        var valeur_page = $("#pages").val();
        
        var position_page_gauche_anime = largeur_fenetre/2-480-100;
        var position_page_gauche_close = largeur_fenetre/2-20-105;
        
        if(largeur_actuelle == largeur_ferme){
            $.doTimeout( 10, function(){
                $.ajax({
                    type: "POST",
                    url: "contenu/"+page+".php",
                    data: "data=load",
                    success: function(data){
                        $("#page_droite").animate({width: "480px" }, 500);
                        $("#texte_droite").html(data);
                        var droite = $("div").children("#droite");
                        $("#texte_droite").html(droite);
                        $.getScript("js/jquery.jqtransform.js");
                    }
                });
            });
            $.doTimeout( 10, function(){
                $.ajax({
                    type: "POST",
                    url: "contenu/"+page+".php",
                    data: "data=load",
                    success: function(data){
                        $("#page_gauche").animate({width: "480px", left: position_page_gauche_anime+"px" }, 500);
                        $("#texte_gauche").html(data);
                        var gauche = $("div").children("#gauche");
                        $("#texte_gauche").html(gauche);
                    }
                });
            });
            $("#pages").val(page);
            $("#pages_type").val(2);
        }
        else if(largeur_actuelle == largeur_ouvert){
                if(valeur_page != page){
                    $.doTimeout( 10, function(){
                        $.ajax({
                            type: "POST",
                            url: "contenu/"+page+".php",
                            data: "data=load",
                            success: function(data){
                                $("#page_droite").animate({width: "25px" }, 500).animate({width: "480px" }, 500);
                                 $.doTimeout( 400, function(){
                                    $("#texte_droite").html('');
                                 });
                                 $.doTimeout( 500, function(){
                                    $("#texte_droite").html(data);
                                    var droite = $("div").children("#droite");
                                    $("#texte_droite").html(droite);
                                 });
                            }
                        });
                    });
                    $.doTimeout( 10, function(){
                        $.ajax({
                            type: "POST",
                            url: "contenu/"+page+".php",
                            data: "data=load",
                            success: function(data){
                                $("#page_gauche").animate({width: "25px", left: position_page_gauche_close+"px" }, 500).animate({width: "480px", left: position_page_gauche_anime+"px" }, 500);
                                $.doTimeout( 400, function(){
                                  $("#texte_gauche").html('');
                                });
                                 $.doTimeout( 500, function(){
                                    $("#texte_gauche").html(data);
                                    var gauche = $("div").children("#gauche");
                                    $("#texte_gauche").html(gauche);
                                 });
                            }
                        });
                    });
                    $("#pages").val(page);
                    $("#pages_type").val(2);
                }
            };
        return false;
    });
    
/*--------------------------------------------------------------------
------------------------- Slide textes profil.
--------------------------------------------------------------------*/    
	$(".intitule2").live("click",function(){
		if($(this).next("div").is(":hidden")){
				$(".intitule2").next("div:visible").stop().slideUp(500);
				$(this).next("div").stop().slideDown(500);
		} else {
				$(this).next("div:visible").stop().slideUp(500);
		}
		return false;
	});
    
/*--------------------------------------------------------------------
------------------------- Les créations.
--------------------------------------------------------------------*/    
	$(".creations").live("click", function(){
	
            var id = $(this).attr("id");
            $.ajax({
            type: "POST",
            url: "inc/creations.php",
            data: "id="+id,
            success: function(data){
                    $("#creations_d").fadeOut(500);
                    $.doTimeout( 500, function(){
                            $("#creations_d").html(data);
                            $("#creations_d").fadeIn(500);
                    });
            }
            });
            return false;
	});

	$(".creations_p").live("click", function(){

		var id = $(this).attr("id");
		$.ajax({
		type: "POST",
		url: "inc/creations.php",
		data: "tp=1&id="+id,
		success: function(data){
			$("#creations_d").fadeOut(500);
			$.doTimeout( 500, function(){
				$("#creations_d").html(data);
				$("#creations_d").fadeIn(500);
			});
		}
		
		});
    return false;
	});


});