$(document).ready(function(){ if(!$.browser.msie){

    //mail rewritter
    var address = $('aside address a').text().replace(/ at /,'@').replace(/ dot /, '.');
    $('.mail').attr('href', 'mailto:'+address).html(address);


    $(document.body).addClass('js');
        

    var state = [
        {opacity:0, marginTop:'30px', marginLeft:'30px', fontSize:'150px'},
        {opacity:1, marginTop:'93px', marginLeft:'210px', fontSize:'40px'},
        {opacity:0.65, marginTop:'55px', marginLeft:'75px', fontSize:'25px'},
        {opacity:0.3, marginTop:'33px', marginLeft:'5px', fontSize:'14px'},
        {opacity:0, marginTop:'0px', marginLeft:'-50px', fontSize:'8px'}
    ];


    var current = {
        li:$('header nav li:first'),
        article:$('article:first')
    }


    var $realnav = $('nav:first');
    
    var $clone = $realnav.clone().attr('id','deco');

    $clone.prependTo(document.body);
    var $nav = $('li', $clone)
    
    
    $nav.each(function(i){
        var $li = $(this)
        var $a = $('a', $li);
        var $article = $($a.attr('href'));
        

        var $g_border = $('<div class="poly pl-'+(i+1)+' border"><img height="130" src="css/3d/'+(i+1)+'/border.png" alt="" /></div>');
        var $g_full = $('<div class="poly pl-'+(i+1)+' full"><img height="130" src="css/3d/'+(i+1)+'/full.png" alt="" /></div>');

        var $g_ct = $('<div class="poly-ct"></div>');

        //$g_ct.mouseenter( function(){$g_full.hide(); $g_full.fadeIn()} )
        $g_ct.hover(
            function(){$g_full.hide();},
            function(){$g_full.fadeIn();}
        )


        
        
        $g_border.appendTo($g_ct)
        $g_full.appendTo($g_ct)
        

        $g_ct.appendTo($(document.body))


        if(i>0){
            $article.hide();
            $g_border.hide();
            $g_full.hide();
        }
        
        $li.animate(state[i+1]);

        $a.click(function(e){
         
            if($('a', current.li).attr('href') != $a.attr('href')){
                
                //out
                current.article.hide ();

                current.article = $article;
                current.li = $li;


                //in
                $article.slideDown();

                $('.poly-ct').hide();
                $g_ct.show();
                $g_border.hide();
                $g_full.hide();
                $g_border.slideDown("slow", function(){
                    $g_full.slideDown("slow");
                });

                switch(i){
                    case 0:
                        $nav.eq(0).animate(state[1]);
                        $nav.eq(1).animate(state[2]);
                        $nav.eq(2).animate(state[3]);
                        break;
                    case 1:
                        $nav.eq(0).animate(state[3]);
                        $nav.eq(1).animate(state[1]);
                        $nav.eq(2).animate(state[2]);
                        break;
                    case 2:
                        $nav.eq(0).animate(state[2]);
                        $nav.eq(1).animate(state[3]);
                        $nav.eq(2).animate(state[1]);
                        break;

                }
                
            }
            $('header nav a.on').removeClass('on')
            $('header nav a').eq(i).addClass('on');
            e.stopPropagation();
            return false;
        });
    });

    var $allA = $('a', $nav)
    $('li', $realnav).each(function(i){
        $(this).click(function(){
           $allA.eq(i).click();
           return false;
        });
    });
    $('header nav a:first').addClass('on');



    var $prev = $('<a href="#" class="prev" title="Précedent"><img src="img/prev.png" alt="Précédent" width="40" /></a>');
    var $next = $('<a href="#" class="next" title="Suivant"><img src="img/next.png" alt="Suivant" width="40" /></a>');

    var pict_width = 650;
    var $list = $('#realisation .list');
    var $all_li = $('#realisation nav li');
    $('#realisation nav li:first a').addClass('current');
    $all_li.each(function(i){
        var $section = $('#realisation section:eq('+i+')');
        var $li = $(this);
        var $a = $('a', $li);
        $a.click(function(){
           $list.animate({marginLeft: '-'+(i*pict_width)+'px' },{queue:false});
           $('#realisation a.current').removeClass('current');
           $a.addClass('current');
           return false;
        });
    });

    

    $next.click(function(e){
        var $nextLi = $('#realisation a.current').parent().next()
        if($nextLi.length > 0){
            $('a', $nextLi).click();
        }else{
            $('#realisation nav li:first a').click();
        }
        return false;
    });
    $prev.click(function(e){
        var $prevLi = $('#realisation a.current').parent().prev()
        if($prevLi.length > 0){
            $('a', $prevLi).click();
        }else{
            $('#realisation nav li:last a').click();
        }
        return false;
    });

    $('#realisation').append($prev);
    $('#realisation').append($next);


}});