/**
 * Amélioration de pronav, changement des images contenu dans .pronav-image li
 *  lors du survol du menu .pronav-menu li
 *
 * author : <j.hannotin@labsoft.fr>
 * date   : 06-12-2011
 */
jQuery.noConflict();
(function($) {
    $(function() {
         
        // Toutes les images sont cachées sauf la première
        $( '.pronav-image li' ).not(':first').css( 'display', 'none' );
        $.each($( '.pronav-image'), function() {
            $(this).children(':first').css('display', 'block');
        });
        
        $( 'ul#pronav li .sub ul.pronav-image li' ).css( 'min-width', '650px' );
        $( 'ul#pronav li .sub ul.pronav-menu li' ).css( 'min-width', '320px' );
        $( 'ul#pronav li .sub ul.pronav-menu li' ).css( 'margin-left', '15px' );

        // Listener 
        $('.pronav-menu li').mouseover( function(){
            var index = $( this ).index();
            var categorie = $( this ).attr( 'title' );
            $(this).css('background-color','#026996');
            
            
            $(this).children().css('color','white');
            
           /* $(this).animate({
                width:"360px"
            });*/
            
            changeImage( index, categorie );
        }).mouseleave(function(){
            $(this).css('background-color','white');
            
            $(this).children().css('color','black');
            
            /*$(this).animate({
                width:"320px"
            });*/
        });
        
        function changeImage( _index, _categorie ) {
            $( '.pronav-image li[title="'+_categorie+'"]' ).css( 'display', 'none' );
            $( '.pronav-image li[title="'+_categorie+'"]:eq(' + _index + ')' ).css( 'display', 'block' );
        }
        
  });
})(jQuery);