function apparitionImage(gallery,jndex,i)
{
    gallery.append("<a href='"+$(jndex).attr('lien')+"' rel=shadowbox["+i+"] title='"+$(jndex).text()+"'><img src='"+$(jndex).attr("lienMini")+"' alt='"+$(jndex).attr("com")+"' class='mini' style='display:none;' /></a>");//
    $("a img:hidden").fadeIn("slow");
}

function apparitiondiv(index,i)
{
    var divEnCours=$(index).attr("sort");
    $("#my-illustrations-gallery").append("<div id=\""+divEnCours+"\" class='gallery' style='display:none'><h3><span>"+divEnCours.replace(/_/g," ")+"</span></h3><div class='preview' /></div>");
    $("#" + divEnCours).fadeIn("slow");
    var gallery=$("#"+divEnCours).children(".preview");
    if($(index).attr("sort")!="Ooops")
    {
                         
        //alert(divEnCours);
        $.each($(index).find("dessin"),function(j, jndex)
        {
            apparitionImage(gallery,jndex,i);
            Shadowbox.clearCache();
            //Shadowbox.cache = new Array();
            Shadowbox.setup();

        });
    }
    else {
        gallery.append("<p><i>No illustrations match your research.</i></p><p>Aucune illustration ne correspond à votre recherche.</p>");
    }
    $("#footer").fadeIn("slow");
}

function parseXml(xml)
{
    $("#footer").fadeOut("slow");
    $("#my-illustrations-gallery").fadeOut("slow",function(){
        
        $(xml).find("root").each(function() {
            var root=$(this);
            $("#my-illustrations-gallery div").remove(".gallery");//.fadeIn("slow",function(){
            $("#my-illustrations-gallery").fadeIn("slow",function(){
                $.each(root.find("conteneur"),function(i,index)
                {
                    apparitiondiv(index,i);
                });

            });
            
        });
    });


}

function Ilike(event){

    var id = $(event.target).parent("tr").next("tr").children(".commentsGuest").find("a").attr("href");
    $.ajax({
        contentType:"application/x-www-form-urlencoded; charset=UTF-8",
        cache:"false",
        type: "POST",
        url: "pages/ajax-love.php",
        scriptCharset: "UTF-8" ,
        data: "class="+$(event.target).attr("class")+ "&id=" + id,
        dataType: "json",
        success: function (json){
            if(json.data!="Erreur")
            {
                if(!isNaN(json.data))
                {
                    var beforeParenthese = $(event.target).html().split("(");
                    var afterParenthese = beforeParenthese[1].split(")");                                  
                    $(event.target).html(beforeParenthese[0]+"("+json.data+")"+afterParenthese[1]);
                    if($(event.target).attr("class")=="dontlove")
                    {
                        $(event.target).removeClass("dontlove").addClass("love");
                    }
                    else {
                        $(event.target).removeClass("love").addClass("dontlove");
                    }
                }
            }
        }
    });
}

function appelAjax(name,val){
 
    if (name == "sortby")
    {
        if ($("#lastChoice").val()=="first")
        {
            name="first";
        }
        else {
            name=$("#"+($("#lastChoice").val())).attr("id");
            val=$("#"+($("#lastChoice").val())).val();
        }
    }
        
    etape="";
    $("#linkList2-gallery div ul li form input:checkbox").each(function(index,i)
    {
        if ($(this).is(":checked"))
        {
                        
            etape = etape + $(this).val() + "|";
        }
    });
    etape= etape.substr(0,etape.length-1);
    $.ajax({
        contentType:"application/x-www-form-urlencoded; charset=UTF-8",
        cache:"false",
        type: "POST",
        url: "pages/gallery-ajax.php",
        scriptCharset: "UTF-8" ,
        data: "sort="+$("#sortby").val()+ "&etape="+ etape + "&" + name +"=" + val,
        dataType: "xml",
        success: parseXml

    });

}

function getForm(e)
{
    var divCom = $(this).parent("td").parent("tr").parents("table").next("p").next("p").next("div").next("div");
    appForm(this,divCom);
    return false;
      
}

function appForm(el,divCom)
{
    $(el).unbind("click");
    $(el).bind("click",returnfalse);
    if (divCom.children().size() == 0)
    {
        var splitId=divCom.attr("id").split("-");
        divCom.append("<div class=\"leaveComments2\"><form method=\"post\" action=\"\"><br /><h4><span>Mon site vous pla&icirc;t ? Laissez-moi un message !</span></h4><p>Pseudo : <input name=\"pseudo\" type=\"text\"/><br />Votre site (facultatif) / <i>Your website (optional)</i> : <br/>http://<input name=\"website\" type=\"text\"/><br /> Votre e-mail (facultatif) / <i>Your e-mail (optional)</i> : <br/><input name=\"email\" type=\"text\"/><br />Message :<br /><textarea name=\"message\" rows=\"8\" cols=\"35\"></textarea><br /><img src=\"./pages/captcha/captcha.php\" alt=\"Captcha\" id=\"captcha\" /><br /><input name=\"userCode\" id\"userCode\" type=\"text\" /><br /><input type=\"hidden\" name=\"ref\" value=\""+splitId[1]+"\"/><input type=\"submit\" name=\"valid"+splitId[1]+"\" value=\"Envoyer\" /><br/></p></form></div>"); 
    }
    divCom.slideToggle("slow",function(){
        $(el).bind("click",getForm);
    });
}

function getCom(e)
{
    var divCom = $(this).parent("td").parent("tr").parents("table").next("p").next("p").next("div");
    getComments($(this).attr("href"),divCom,this);
    return false;
}

function returnfalse(e)
{
    return false;
}

function replaceAll(stringch,carFind,carReplace)
{
    var strReplaceAll = stringch;
    var intIndexOfMatch = strReplaceAll.indexOf( carFind );

    // Loop over the string value replacing out each matching
    // substring.
    while (intIndexOfMatch != -1){
        // Relace out the current instance.
        strReplaceAll = strReplaceAll.replace( carFind, carReplace );

        // Get the index of any next matching substring.
        intIndexOfMatch = strReplaceAll.indexOf( carFind );
    }

    return( strReplaceAll );
}

function  keephtml(stringch){
    var res=stringch;
    res=replaceAll(res,"&amp;lt;","<");
    res=replaceAll(res,"&amp;gt;",">");
    res=replaceAll(res,"&amp;quot;",'"');
    res=replaceAll(res,"&amp;",'&');
    return res;
}

function getComments(id,divCom,el){
    $(el).unbind("click");
    $(el).bind("click",returnfalse);
    if (divCom.children().size() == 0){
        $(el).parent("td").parent("tr").parent().parent("table").next("p").next("p").children("span").children("img").fadeIn("fast");
        $.ajax({
            contentType:"application/x-www-form-urlencoded; charset=UTF-8",
            cache:"false",
            type: "POST",
            url: "pages/ajax-commentaires.php",
            scriptCharset: "UTF-8" ,
            data: "id="+id,
            dataType: "json",
            success: function (json){
                if(json.data=="No Comments/Pas de commentaires")
                {
                    divCom.append("<i>"+json.data+"</i>");
                }
                else{    
                    $.each(json.data, function(i,item){
                        if(item.website == "")
                        {
                            divCom.append(item.pseudo+" a écrit :<br/>"+keephtml(item.message)+"<br/><br/>");
                        }
                        else {
                            divCom.append("<a href='http://"+item.website+"' target='new'>"+item.pseudo+"</a> a écrit :<br/>"+keephtml(item.message)+"<br/><br/>");
                        }
                                   
                    });
                                    
                }
                divCom.slideToggle("slow",function(){
                    $(el).unbind("click",returnfalse);
                    $(el).bind('click', getCom);// Annulation / Blocage anti-rebonds
                    $(el).parent("td").parent("tr").parent().parent("table").next("p").next("p").children("span").children("img").fadeOut('fast');

                });
                   
            }
        });
    
    }
    else {
        divCom.slideToggle("slow",function(){
            $(el).unbind("click",returnfalse);
            $(el).bind('click', getCom);// Annulation / Blocage anti-rebonds             
        });
    }

}



$(document).ready(function() {
    Shadowbox.init();
    var doc;
    doc=document.location.href.split("/");
    var page;
    if (typeof(doc[4])=="undefined")
    {
        page=doc[3].split("-"); 
    }
    else {
        page=doc[4].split("-"); 
    }
    
    var page2=page[0].split(".");

    switch (page2[0])
    {
        case "blog":
            $('.Blog').css("background-position","0px 0px");
            break;
        case "gallery":
            $('.Gallery').css("background-position","0px 0px");
            break;
        case "comics":
            $('.Comics').css("background-position","0px 0px");
            break;        
        case "tutorial":
            $('.Tutorial').css("background-position","0px 0px");
            break;
        case "tuto":
            $('.Tutorial').css("background-position","0px 0px");
            break;
        case "informations":
            $('.Informations').css("background-position","0px 0px");
            break;
        case "guestbook":
            $('.GuestBook').css("background-position","0px 0px");
            break;
        default :
            $('.Gallery').css("background-position","0px 0px")
            break;
	
    }

    $("#linkList2-tuto :header").click(function()
    {
        if ($(this).hasClass('archivesOff'))
        {
            $(this).removeClass('archivesOff').addClass('archives').next("ul").slideDown('slow',function(){
                $(this).css('display','block');
            });
        }
        else 
        {
            var parent=$(this);
            $(this).next("ul").slideUp('slow',function(){
                parent.removeClass('archives').addClass('archivesOff');
            });
        }
    });
    $("#lselect-archives :header").click(function()
    {
        if ($(this).hasClass('archivesOff'))
        {
            $(this).removeClass('archivesOff').addClass('archives').next("ul").slideDown('slow',function(){
                $(this).css('display','block');
            });
        }
        else 
        {
            var parent=$(this);
            $(this).next("ul").slideUp('slow',function(){
                parent.removeClass('archives').addClass('archivesOff');
            });
        }
		
    //$(this).next("ul").slideToggle("slow");
    });
    $("#linkList2-tuto :header").mouseenter(function()
    {
        $(this).removeClass('archivesNormal').addClass('archivesHover');
    });
    $("#linkList2-tuto :header").mouseleave(function()
    {
        $(this).removeClass('archivesHover').addClass('archivesNormal');
    });   
   
    $("#lselect-archives :header").mouseenter(function()
    {
        $(this).css('cursor','pointer').removeClass('archivesNormal').addClass('archivesHover');
    });
    $("#lselect-archives :header").mouseleave(function()
    {
        $(this).css('cursor','auto').removeClass('archivesHover').addClass('archivesNormal');
    });
    $("#h3tags").click(function()
    {
        $(".tags").fadeToggle("slow");
    });
    $("#h3tags").mouseover(function()
    {
        $(this).css('cursor','pointer');
    }, function()

    {
            $(this).css('cursor','auto');
        });

        
    $("#lselect-step ul li a").click(function(){
        $("#lselect-step ul li").removeClass("simple-menu-selected").addClass("simple-menu");
        $(this).parent("li").removeClass("simple-menu").addClass("simple-menu-selected");
        $("#etape").val($(this).attr('href'));
        appelAjax();
        return false;
    });

    $("#linkList2-gallery div ul li form select").change(function(){
        if ($(this).attr("id")!="sortby")
        {
            $("#linkList2-gallery div ul li").removeClass("scroll-menu-selected").addClass("scroll-menu");
            $(this).parent('form').parent("li").removeClass("scroll-menu").addClass("scroll-menu-selected");
            $("#lastChoice").val($(this).attr("id"));
        }
        appelAjax($(this).attr("id"), $(this).val());
    });
    
    $("#linkList2-gallery div ul li form input:checkbox").click(function(){
        if ( !$("#etape_colo").is(":checked") && !$("#etape_line").is(":checked") && !$("#etape_crayonne").is(":checked"))
        {
            $(this).attr("checked",true);
        }
        else {
            appelAjax("sortby","");
        }
    });
    
    var menuTitreTuto = $("#linkList2-tuto div ul li a.selected").parent("span").parent("li").parent("span").parent("ul");
    menuTitreTuto.css("display","block");
    menuTitreTuto.prev("h3").removeClass("archivesOff").addClass("archives");

    $(".commentsGuest a.voirCom").click(getCom);

    $(".commentsGuest a.addComm").click(getForm);

    $("td.love,td.dontlove").click(Ilike);
});