/**
 * KurTZdev     Version 1.2
 *
**/

 
    /**
     * Stock variables
    **/                
    

    // Rubrique en cours
    var etatNavigation = "0";
  
    var mooFlowINIT1 = false;
    var mooFlowINIT2 = false;

    var initNav = false;

    var modePortfolio = "web";

    var mf;
    var mf2;

    var affichemention = false;

    
    var timeOuts = [];  
    function clearAllTimeouts(){  
        for(key in timeOuts ){  
            clearTimeout(timeOuts[key]);  
        }  
    }

    var positionSlideActu = 0;
    var nombreSlideActu = 0;
    
    
    var boutonActif = false;
    
    
    /**
     * Préchargement de toutes les images de la navigation
     * puis fade de la zone prelooding et lancement de l'affichage du site
    **/
    function Preloading() {
        var imageNavigation = new Asset.images([    
            'assets/templates/kurtzdev/images/nav_1_on1b.png', 
            'assets/templates/kurtzdev/images/nav_1_on2b.png',
            'assets/templates/kurtzdev/images/nav_2_onb.png',
            'assets/templates/kurtzdev/images/nav_3_onb.png',
            'assets/templates/kurtzdev/images/nav_4_onb.png',
            'assets/templates/kurtzdev/images/nav_1_over.png',
            'assets/templates/kurtzdev/images/nav_2_over.png',
            'assets/templates/kurtzdev/images/nav_3_over.png',
            'assets/templates/kurtzdev/images/nav_4_over.png',          
            'assets/templates/kurtzdev/images/nav_1_off.png',
            'assets/templates/kurtzdev/images/nav_2_off.png',
            'assets/templates/kurtzdev/images/nav_3_off.png',
            'assets/templates/kurtzdev/images/nav_4_off.png',
            'assets/templates/kurtzdev/images/nav_1_som.png',
            'assets/templates/kurtzdev/images/nav_2_som.png',
            'assets/templates/kurtzdev/images/nav_3_som.png',
            'assets/templates/kurtzdev/images/nav_4_som.png',
            'assets/templates/kurtzdev/attente_ok.png'], {
        
          onComplete: function(){
            $('loading').tween('opacity', '0');
            timeOuts['LanceSite'] = setTimeout('LanceSite()',900);
          }
        }); 
    }
    
    
    function LanceSite() {      
        $('navigation').setStyle('display', 'block');
        Atterissage();
    }
        
    /**
     * Atterissage des Livres au centre de la scene
    **/
    function Atterissage() {
        $$('div.copieNav').setStyle('opacity', '0');
            $('nav4').set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:0,y:0} });   
            $('nav4').move();      
            setTimeout(function(e) {
                $('nav3').set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:0,y:0} });   
                $('nav3').move();
                $('nav4').getElement('div.copieNavSom').tween('opacity', '0');
            }, 600);
            setTimeout(function(e) {
                $('nav2').set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:0,y:0} });   
                $('nav2').move();  
                $('nav3').getElement('div.copieNavSom').tween('opacity', '0');
            }, 1200);
            setTimeout(function(e) {
                $('nav1').set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:0,y:0} });   
                $('nav1').move();  
                $('nav2').getElement('div.copieNavSom').tween('opacity', '0');
                $('nav1').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_1_over.png)');   
        
        }, 1800);       
        timeOuts['ActiveNavigation'] = setTimeout('ActiveNavigation()', 2400);
    }
    

    /**
     * Change l'image du header de droite avec un fade
    **/
    function Changeheader(rubrique) {    
                        $('header').setStyle('left', '425px'); 
                        $('header').setStyle('top', '51px');    
                                             
        switch(rubrique) {
            case '1':   $('header').setStyle('background-image', 'url(assets/templates/kurtzdev/images/bg_titre_web.png)'); 
                        $('header').setStyle('background-position', 'top right');
                        $('header').setStyle('left', '370px'); 
                        $('header').setStyle('top', '-3px');   
                       	$('texteWeb').setStyle('display', 'block'); 
						break;
            case '1b':  $('header').setStyle('background-image', 'url(assets/templates/kurtzdev/images/bg_titre_design.png)');        
                        $('header').setStyle('background-position', 'top right');    
                        $('header').setStyle('left', '370px'); 
                        $('header').setStyle('top', '-3px'); 
                        $('texteDesign').setStyle('display', 'block');
  						break;
            case '2':   $('header').setStyle('background-image', 'url(assets/templates/kurtzdev/images/bg_titre_actualites2.png)'); 
                        $('header').setStyle('background-position', '22px -2px');    
                        $('header').setStyle('left', '370px'); 
                        $('header').setStyle('top', '-3px'); 
                        break;
            case '3':   $('header').setStyle('background-image', 'url(assets/templates/kurtzdev/images/bg_titre_qui.png)');   
                        $('header').setStyle('background-position', 'top right');              
                        $('header').setStyle('left', '348px'); 
                        $('header').setStyle('top', '51px');              
                         break;                                 

            case '4':   $('header').setStyle('background-image', 'url(assets/templates/kurtzdev/images/bg_titre_contact.png)');
                        $('header').setStyle('background-position', 'top right');    
                        $('header').setStyle('left', '399px'); 
                        $('header').setStyle('top', '0');   
						break;
        }
        timeOuts['changeHeader'] = setTimeout("$('header').reveal()",300);
    }
    
    


    /**
     * Masque Rubrique ouverte avant affichage rubrique suivante
    **/
    function MasqueRubriques(rubrique) {
        if (rubrique!='4') {
            $('contact').dissolve();
        };
        if (rubrique!='3') {
            $('qui').dissolve();
            $('qui2').dissolve();
        };  
        if (rubrique!='2') {
            $('actualites').dissolve();
        };  
        if (rubrique!='1') {
            if ($('imageProjet1')!=null) {
                $('imageProjet1').dissolve();
                $('texteProjet1').dissolve(); 
                $('manegeWeb').dissolve();
                $('manegeDesign').dissolve();  
            };
        };                                                                                                

    }


    
    /**
     * Affiche tous les livres en transparent, sauf la rubrique en cours
    **/
    function EteintTout() {                  
        if (etatNavigation != '1') {
            $('nav1').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_1_off.png)');    
        };                           
        if (etatNavigation != '2') {
            $('nav2').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_2_off.png)');
        };                           
        if (etatNavigation != '3') {
            $('nav3').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_3_off.png)');
        };                           
        if (etatNavigation != '4') {
            $('nav4').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_4_off.png)');
        };           
    }                                            
                 
             
    /**
     * RollOver rubrique 
    **/
    function RollOver(rub) {
        if (etatNavigation=='0') {
            $('nav'+rub).setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_'+rub+'_over.png)');   
        } else if (etatNavigation!=rub) {
            $('nav'+rub).setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_'+rub+'_som.png)');   
        };
    }


    
    /**
     * VireProjet   =>      Masque tout les chapitres d'un projet avant d'en afficher un autre
    **/
    var VireProjet = function() {
        if ($('imageProjet1')!=null) { $('imageProjet1').hide(); $('texteProjet1').hide(); $('navigationProjet').hide();    };  
        if ($('imageProjet2')!=null) { $('imageProjet2').hide(); $('texteProjet2').hide();  };
        if ($('imageProjet3')!=null) { $('imageProjet3').hide(); $('texteProjet3').hide();  };
        if ($('imageProjet4')!=null) { $('imageProjet4').hide(); $('texteProjet4').hide();  };
        if ($('imageProjet5')!=null) { $('imageProjet5').hide(); $('texteProjet5').hide();  };
        if ($('imageProjet6')!=null) { $('imageProjet6').hide(); $('texteProjet6').hide();  };
        if ($('imageProjet7')!=null) { $('imageProjet7').hide(); $('texteProjet7').hide();  };
        if ($('imageProjet8')!=null) { $('imageProjet8').hide(); $('texteProjet8').hide();  };      
        
        $$('div.imageProjet').destroy();
    
        
        if ($('diaporama')!=null) {
            $('diaporama').hide({
                onComplete: function() {
                    $('diaporama').set('html', '');
                }
            }); 
        };
    }





    /**
     * Sous navigation portfolio
    **/                         
    function ActiveBoutonsPortfolio() { 
        boutonActif = true;
    }
    function ClickWEB(e) {
        if (boutonActif) {
            if (modePortfolio=="design") { 
                DesactiveBoutonsPortfolio();
                modePortfolio="web";
                $('nav1').getElement('div.copieNav img').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_1_on1b.png)');
                $('manegeDesign').hide();
                $('texteDesign').hide();            
                $('header').dissolve();
                
                $$('.texteProjet').dissolve();  

                VireProjet(); 
                ActiveRubrique(1);
            };          
        } else {
            //  alert('off');
        };  
    }
    function ClickDESIGN(e) {
        if (boutonActif) {
            if (modePortfolio=="web") { 
                DesactiveBoutonsPortfolio();
                modePortfolio="design";
                $('nav1').getElement('div.copieNav img').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_1_on2b.png)');
                $('manegeWeb').hide();
                $('texteWeb').hide();           
                $('header').dissolve();     

                $$('.texteProjet').dissolve();  

                VireProjet();
                ActiveRubrique(1);
            };      
        } else {
            //  alert('off');
        };          
    }
    function DesactiveBoutonsPortfolio() {
        boutonActif = false; 
    }




    /**
     * ActiveRubrique   => positionne le header en fonction de la rubrique cliquée
     *                  => met tous les autres livre en transparent (off)
     *                  => met le rangement de la rubrique en over
    **/                                                                   
    function ActiveRubrique(rub) { 
                
        DesactiveBoutonsPortfolio();        
        
		$$('div.background').each(function(b) {
			if (b.get('opacity')=='1') {
				b.dissolve();
			};    		
		});

        

        if (!initNav) {
            alert('NONONON');
            return false;
        };

          
        /**
         * on change le header de droite
        **/
        if (etatNavigation!=rub) {
            clearAllTimeouts();
            MasqueRubriques(rub);
            $('header').dissolve();
            $('texteWeb').dissolve();
            $('texteDesign').dissolve();
            if ($('diaporama')!=null) {
                $('diaporama').dissolve();
                $('diaporama').getElements('div').destroy();                
            };
            VireProjet();
            $('preloading').hide();
            if (affichemention) {
                $('mentions1').dissolve();
                $('mentions2').dissolve();
                affichemention = false; 
            };
            
            timeOuts['Changeheader'] = setTimeout(function(e) {
                if (rub==1) {
                    if (modePortfolio=="web") {
                        rub="1";
                    } else {
                        rub = "1b";
                    };  
                };
                Changeheader(rub);
            }, 1200);
        };
          


        
        // on change l'image du livre sélectionné par celle sans les textes
        
        $('nav'+rub).setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_'+rub+'_som.png)');
         


        // au premier clic, on positionne la totalité du header en place à gauche si elle n'est pas en place
        if (etatNavigation==0) {
            etatNavigation=rub;              
            $('navigation').set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:-950,y:0} });
            $('navigation').move();
        }
        etatNavigation=rub;          

        // on range tous les livres en place et on les met transparent  
        EteintTout();       
        $$('nav').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_'+rub+'_som.png)');
        $$('copieNavSom').reveal();
        
        $$('div.copieNav').each(function(el) {
            el.set('move', {relativeTo:$('nav'+rub), duration: 'long', transition: 'expo:out',offset: {x:0,y:0} });   
            el.tween('opacity', '0');
            el.move() ;                                                              
        }) ;   
        
        // on prend le livre actuel, et on active l'image rubrique-ON
        var clip = $('nav'+rub).getElement('div.copieNav');     

        if (rub=='1') {                                      
            clip.setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_'+rub+'_on1b.png)');   
        //  $('copieNavSom').getElement('img').set('usemap', '#MapNav');
            
        } else {
            clip.setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_'+rub+'_onb.png)');                
        }
        clip.tween('opacity', '1');                                 

        // on ouvre le livre de la rubrique sélectionnée

        if (rub=='1') {     		// Rubriqe PORTFOLIO
            clip.set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:790,y:-395} });  
             timeOuts['background1'] = setTimeout(function() {$('background1').reveal()}, 1200);      


        } else if (rub=='2') {     // Rubriqe ACTUALITES                    
             clip.set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:830,y:-415} });  
             timeOuts['background2'] = setTimeout(function() {$('background2').reveal()}, 1200);                                                


        } else if (rub=='3') {      // Rubrique QUI
            clip.set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:870,y:-435} });   
             timeOuts['background3'] = setTimeout(function() {$('background3').reveal()}, 450); 


        } else if (rub=='4') {      // Rubrique CONTACT
            clip.set('move', {relativeTo:$('navigation'), duration: 'long', transition: 'expo:out',offset: {x:910,y:-455} });           
             timeOuts['background4'] = setTimeout(function() {$('background4').reveal()}, 450); 
        } 



        


       // on active la rubrique sélectionnée
        if (rub=='1') {
            if (modePortfolio=="web") {
                $('zoneProjet').setStyle('top', '0');
                
                timeOuts['manege'] = setTimeout(function(e) {
                    $('preloading').setStyle('display','block');
                    
                    // apparition du manege
                    $('manegeDesign').hide();
                    $('manegeWeb').reveal();
                    
                    // apparition diaporama chapitre
                    $('texteWeb').reveal();
                    $('texteDesign').hide();
                    
                    // Changement titre de page
                    $('nav1').getElement('div.copieNav img').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_1_on1b.png)');
                    Changeheader('1');
 
                    
                    // initialisation du manège au premier passage
                    if (!mooFlowINIT1) {
                        mf = new MooFlow($('MooFlow'), {
                            startIndex: 16,
                            useSlider: false,
                            useAutoPlay: false,
                            useCaption: true,
                            useResize: false,
                            useWindowResize: true,
                            useMouseWheel: true,
                            useKeyInput: true,
                            reflection:.36,
                            factor:125,
                            heightRatio:.42,
                            useViewer:true,
                            offsetY:-84,
                            bgColor:'transparent',
                            'onClickView': function(e) { 
                            }
                        });
                        mooFlowINIT1 = true;
                    } else {
                        $('diaporama').getElements('div').destroy();
                        $('diaporama').reveal();
                        mf.next();
                    }   
                    if (mf2!=null) {
                        mf2.vireClavier();
                    };
                    mf.activeClavier();  
                },1800); 
           } else {
                $('zoneProjet').setStyle('top', '0');
                $('diaporama').set('html', '');
                timeOuts['manege'] = setTimeout(function(e) {
                    $('preloading').setStyle('display','block');
                    
                    // apparition du manege
                    $('manegeWeb').hide(); 
                    $('manegeDesign').reveal();
                    
                    // apparition diaporama chapitre
                    $('texteDesign').reveal();
                    $('texteWeb').hide();
                    
                    // Changement titre de page
                    Changeheader('1b');
                    $('nav1').getElement('div.copieNav img').setStyle('background-image', 'url(assets/templates/kurtzdev/images/nav_1_on2b.png)');   
 
                    // initialisation du manège au premier passage
                    if (!mooFlowINIT2) {
                        mf2 = new MooFlow($('MooFlow2'), {
                            startIndex: 7,
                            useSlider: false,
                            useAutoPlay: false,
                            useCaption: true,
                            useResize: false,
                            useWindowResize: true,
                            useMouseWheel: true,
                            useKeyInput: true,
                            reflection:.36,
                            factor:125,
                            heightRatio:.42,
                            useViewer:true,
                            offsetY:-84,
                            bgColor:'transparent',
                            'onClickView': function(e) { 
                            }
                        });
                        mooFlowINIT2 = true;
                    } else {
                        $('diaporama').reveal( );
                        
                        if (mf2!=null) {
                            mf2.next();
                        };
                    }   
                    mf.vireClavier();
                    if (mf2!=null) {
                        mf2.activeClavier();    
                    };
                    ActiveBoutonsPortfolio();
                },1800); 
                
        }
            
        } else if (rub=='2') {     // Rubriqe ACTUALITES
            timeOuts['afficheContact'] = setTimeout(function(e) {
                $('slideActu').tween('top', '0');
                $('actualites').reveal();
                $('zoneProjet').setStyle('top', '-5000px');
                $('manegeWeb').dissolve();
                $('manegeDesign').dissolve();
                $('preloading').hide();
            },1800);
            

        } else if (rub=='3') {      // Rubrique QUI
            timeOuts['afficheQui'] = setTimeout(function(e) {
                $('qui').reveal();
                timeOuts['afficheQui2'] = setTimeout(function(ee) {
                    $('qui2').reveal('horizontal');
                },900);
                $('zoneProjet').setStyle('top', '-5000px');
                $('manegeWeb').dissolve();
                $('manegeDesign').dissolve();
                $('preloading').hide();
            },1800);
            
            
        } else if (rub=='4') {      // Rubrique CONTACT
            timeOuts['afficheContact'] = setTimeout(function(e) {
                $('contact').reveal();
                $('zoneProjet').setStyle('top', '-5000px');
                $('manegeWeb').dissolve();
                $('manegeDesign').dissolve();
                $('preloading').hide();
            },1800);
            
            
        } 

        clip.move();  

    }




    /**
     * Activation de la navigation
    **/
    function ActiveNavigation() {
		var attente = new Element('img', {
			src:'assets/templates/kurtzdev/attente_ok.png',
			styles: {
				'position':'absolute', 
				'top':'0',
				'left':'0',
				'z-index':'999999',
				'opacity':'0',
				'cursor':'pointer'
			}
		});
		attente.inject($('page'));
		var attend = setTimeout(function() {
			attente.tween('opacity', '1');
		}, 600);
		attente.addEvent('click', function(e) {
			window.location = "http://kurtzdev.blogspot.com/";
		});
	
    //  $('nav1').getElement('div.copieNavSom').tween('opacity', '0');
    //  $$('.bt_rub').each(function(el) {
    //      var rub = el.get('id').substring(6)
    //      el.addEvent('mouseover', function(e) {
    //          if (initNav) {
    //              RollOver(rub);                  
    //          };
    //      });
    //      el.addEvent('mouseout', function(e) {
    //          if (initNav) {
    //              EteintTout();                   
    //          };              
    //      });
    //      el.addEvent('click', function(e) {
    //          if (initNav) {
    //              ActiveRubrique(rub);                    
    //          };                  
    //      });
    //  });
    //  initNav = true;
    }
 




window.addEvent('domready',function(){  


    // redimmensionnement
    if (Browser.Engine.trident) {
        window.resizeTo(1240, 1000);    
    } else {
        window.resizeTo(1240, 990); 
    }


    // lance le chargement des images;
    Preloading();
       
    n = $('slideActu').getElements('div.actu').length / 4;
    nombreSlideActu = n.round();

    $('pannelActus').getElements('a').each(function(lien) {
        lien.addEvent('click', function(e) {
            e.stop();
            var url = lien.get('href');
            window.open(url);
        });
    });

 

   // navigation actus
//$('bt_precedent').addEvent('click', function(e) { 
//    if (positionSlideActu>0) {  
//        positionSlideActu--;
//        var topActu = -(positionSlideActu * 600);  
//        $('slideActu').tween('top', topActu+"px");
//    };
//});
//$('bt_suivant').addEvent('click', function(e) {  
//    if (positionSlideActu<nombreSlideActu-1) {
//        positionSlideActu++;
//        var topActu = -(positionSlideActu * 600); 
//        $('slideActu').tween('top', topActu+"px");
//        
//    };
// });
         
    // navigation actus latérale
    $('bt_precedent').addEvent('click', function(e) { 
        if (positionSlideActu>0) {  
            positionSlideActu--;
            var topActu = -(positionSlideActu * 640);  
            $('slideActu').tween('left', topActu+"px");
        };
    });
    $('bt_suivant').addEvent('click', function(e) {  
        if (positionSlideActu<nombreSlideActu-1) {
            positionSlideActu++;
            var topActu = -(positionSlideActu * 640); 
            $('slideActu').tween('left', topActu+"px");
            
        };
	});
         

        $('bt_web').addEvent('click', ClickWEB);
        $('bt_design').addEvent('click',ClickDESIGN);
    
        
    $('contact').getElement('h3').addEvent('click', function(e) {
        if (!affichemention) {
            $('mentions1').reveal();
            $('mentions2').reveal();
            affichemention = true;
        } else {
            $('mentions1').dissolve();
            $('mentions2').dissolve();
            affichemention = false;
        }
    });
    
    
    
});