    (function($){
        mydebug = false;
        
        $.log = function(obj,options){
            
            if('string' == typeof options){
                settings = {
                    txt: options,
                    alert: false
                }       
            } else {
                settings = jQuery.extend({
                    txt: '',
                    alert: false
                },options);            
            }
            
            if(window.console && !settings.alert){
                console.log(settings.txt+obj);
            } else {
                if(mydebug) alert(settings.txt+obj);
            }
            return obj;
        }
        
        $.print_r = function (array, return_val) {
            // http://kevin.vanzonneveld.net
            // +   original by: Michael White (http://getsprink.com)
            // +   improved by: Ben Bryan
            // +      input by: Brett Zamir (http://brett-zamir.me)
            // +      improved by: Brett Zamir (http://brett-zamir.me)
            // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
            // -    depends on: echo
            // *     example 1: print_r(1, true);
            // *     returns 1: 1
            
            var output = "", pad_char = " ", pad_val = 4, d = window.document;
            var getFuncName = function (fn) {
                var name = (/\W*function\s+([\w\$]+)\s*\(/).exec(fn);
                if (!name) {
                    return '(Anonymous)';
                }
                return name[1];
            };
         
            var repeat_char = function (len, pad_char) {
                var str = "";
                for (var i=0; i < len; i++) {
                    str += pad_char;
                }
                return str;
            };
         
            var formatArray = function (obj, cur_depth, pad_val, pad_char) {
                if (cur_depth > 0) {
                    cur_depth++;
                }
         
                var base_pad = repeat_char(pad_val*cur_depth, pad_char);
                var thick_pad = repeat_char(pad_val*(cur_depth+1), pad_char);
                var str = "";
         
                if (typeof obj === 'object' && obj !== null && obj.constructor && getFuncName(obj.constructor) !== 'PHPJS_Resource') {
                    str += "Array\n" + base_pad + "(\n";
                    for (var key in obj) {
                        if (obj[key] instanceof Array) {
                            str += thick_pad + "["+key+"] => "+formatArray(obj[key], cur_depth+1, pad_val, pad_char);
                        } else {
                            str += thick_pad + "["+key+"] => " + obj[key] + "\n";
                        }
                    }
                    str += base_pad + ")\n";
                } else if (obj === null || obj === undefined) {
                    str = '';
                } else { // for our "resource" class
                    str = obj.toString();
                }
         
                return str;
            };
         
            output = formatArray(array, 0, pad_val, pad_char);
         
            if (return_val !== true) {
                if($.log){
                    $.log(output);
                } else {
                    if(mydebug) alert(output);
                }
                return true;
            } else {
                return output;
            }
        }
        
        $.$$ = function(name,value){
            if('GET' == name){                
                if(value){
                    $.print_r(value)
                } else {
                    $.print_r(window)
                }                                
            } else {
                if(value || 'string' == typeof value){
                   window[name] = value
                }
                return window[name];
            }
        }
        
        $.indexOf = function(o,v,n){
          n = (n==null)?0:n; var m = o.length;
          for(var i = n; i < m; i++)
            if(o[i] == v)
               return i;
          return -1;
        }                

        
        $.fn.switchClass = function(told, tnew){
            return this.each(function(){
               $(this).addClass(tnew);
               $(this).removeClass(told);
            });
        }
                
                
    })(jQuery);

$(document).ready(function() {           
        
    $("#global").append('<div id="prise-courant"></div>');


    $("a[rel='nofollow']").click(function(){
        if($(this).attr('href') != '#'){
            window.open($(this).attr('href'));
            return false;
        }
    });
    
    
   $("#global").append('<div class="clearfooter"></div>');      
   $("#footer").append('<div id="chaise-deco"></div>');
   $("ul.menu-bas li:first").css('border-width',0);
   $("ul.menu-bas li:first").css('padding-left',0);
   
    $(".menuhaut li").hover(function(){        
        $(".menuhaut li.current").addClass('excurrent');
        $(".menuhaut li.current").removeClass('current');
    },function(){
        $(".menuhaut li.excurrent").addClass('current');
        $(".menuhaut li.excurrent").removeClass('excurrent');
    });
    
    
    //initialisation des pages
    var basehref = 'http://www.la-boite-immo.com/';
    //var basehref = 'http://192.168.1.20/www-lbi/';
    
    mentions = new Array();
    mentions["cle"] = "Offre Cl&eacute; en main";
    mentions["mod"] = "Offre Modulable";
    mentions["perso"] = "Offre Personnalis&eacute;e";
    mentions["reso"] = "Offre R&eacute;seaux";
    
    clues = ['cle','mod','perso','reso'];
    current_offre = 0;
    
    
    //creation des tableaux
    cle_tab = new Array();
    mod_tab = new Array();
    perso_tab = new Array();
    reso_tab = new Array();
            
    $.ajax({
                type: "GET",
                url: basehref+"xml/references.xml",
                dataType: "xml",
                success: function(xml) {                
    
                    var tabs1 = $('/references/site[type="cle"]',xml);
                    tabs1.each(function(i){
                        var tab = new Array($(this).find('nom').text(),$(this).find('url').text(),basehref+$(this).find('imgpath').text());                
                        $.$$('cle_tab').push(tab);
                    });        
                    
                    var tabs2 = $('/references/site[type="mod"]',xml);

                    tabs2.each(function(i){
                        var tab = new Array($(this).find('nom').text(),$(this).find('url').text(),basehref+$(this).find('imgpath').text());                                        
                        $.$$('mod_tab').push(tab);
                    });    
                    
                    var tabs3 = $('/references/site[type="perso"]',xml);

                    tabs3.each(function(i){
                        var tab = new Array($(this).find('nom').text(),$(this).find('url').text(),basehref+$(this).find('imgpath').text());                
                        $.$$('perso_tab').push(tab);
                    });            
                    
                    
                    var tabs4 = $('/references/site[type="reso"]',xml);

                    tabs4.each(function(i){
                        var tab = new Array($(this).find('nom').text(),$(this).find('url').text(),basehref+$(this).find('imgpath').text());                
                        $.$$('reso_tab').push(tab);
                    });                                              
                }
            }); // fin ajax
            
    $("#reference-suivante").livequery('click', function(){
        //on efface les "voir-plus"
        $(".shower").css('display','none');
        
        $(".panneau span.nom").text('');
           $(".panneau img").attr('src','http://static-img.la-boite-immo.com/loader.gif');              
           var clue = clues[$.log($.$$('current_offre'),'affiche offre : ')];
           var mycur = ($.$$('current_offre') + 1 == clues.length)?0:$.$$('current_offre') + 1;
           //$.$$('current_offre',$.log(mycur, 'enregistre : '));
           current_offre = $.log(mycur, 'enregistre : ');
           for(var i in $.$$(clue+'_tab')){            
                var ref = $.$$(clue+'_tab')[i];     
                $("#pan-"+i).css('display','block');
                $("#pan-"+i+" span.nom").text(ref[0]);
                $("#pan-"+i+" a").attr('href',ref[1]);
                $("#pan-"+i+" img").attr('src',ref[2]);
                if(i >= 12) break;
           }   
           i++;
           var lentab = $.$$(clue+'_tab').length;
           //*  COMMENT
           if(lentab > 13){
                $("#pan-13").switchClass('panneau','vplus').css('display','block');
                $("#pan-13 span.nom").text('voir plus');
                $("#pan-13 a").attr('href','#'+clue+'_tab');
                $("#pan-13 a").attr('id','more-'+clue);
                $("#pan-13 a").attr('class','more-ref');
                $("#pan-13 img").attr('src',''); 
                $("#pan-13 img").attr('alt','');                
                i++;
           }    
           /**/               
           //supression des panneaux en trop               
           var lenpan = $(".panneau").length;
           for(var j = i; j < lenpan; j++){
               $("#pan-"+j).css('display','none');
           }      
           
           //on passe les panneaux large en normal
           for(var k = 1; k < 5 ; k++){
               $(".pos-l-"+k).switchClass("pos-l-"+k,"pos-1-"+k);
           }       
           
           //suppresion des panneaux presentation
           $(".pres-1,.pres-2").css("display","none");
           //on place le premier
           $(".pres-1:first").css('display','block').html(mentions[clue]);
           
           //on ajoute le panneau offre suivante
            $(".pres-1:first").append('<div id="wrap-ref"><a href="#" id="reference-suivante">changer d\'offre</a></div>');
           
           //si on est sur perso on decale la premiere ligne et on agrandit le panneau de pres       
           if(clue == "perso"){           
               for(var k = 1; k < 5 ; k++){
                   $(".pos-1-"+k+":first").switchClass("pos-1-"+k,"pos-l-"+k);
               }           
               $(".pres-1:first").switchClass("panneau-presentation","panneau-presentation-large");           
           } else {           
               for(var k = 1; k < 5 ; k++){
                   $(".pos-l-"+k+":first").switchClass("pos-1-"+k,"pos-l-"+k);
               }
               $(".pres-1:first").switchClass("panneau-presentation-large","panneau-presentation");
           }
             
           return false;
        
    });
    
    $(".vplus").livequery('click',function(){
        //$(".panneau span.nom").text('');
        //$(".panneau img").attr('src','http://static-img.la-boite-immo.com/loader.gif');              
        var clue = $(this).children('a').attr('id').substr(5);
        var lenpan = $(".panneau").length;
        for(var k = 0; k < (lenpan - 12); k++){
            var i = k+13;
            var ref = $.$$(clue+'_tab')[i];     
            $("#pan-"+k).css('display','block');
            $("#pan-"+k+" span.nom").text(ref[0]);
            $("#pan-"+k+" a").attr('href',ref[1]);
            $("#pan-"+k+" img").attr('src',ref[2]); 
        }
        /*
        for(var j = k; j < 15; j++){
           $("#pan-"+j).css('display','none');
        } 
        */
        $.scrollTo('#head', 800, {easing:'swing'});
         
       return false;
        
    });
    
    $("a.shower").click(function(){
        
        //on efface les "voir-plus"
        $(".shower").css('display','none');        
        
       $(".panneau span.nom").text('');
       $(".panneau img").attr('src','http://static-img.la-boite-immo.com/loader.gif');              
       var clue = $(this).attr('id').substr(7);
       var mycur = ($.indexOf(clues,clue) + 1 == $.log(clues.length,'longueur clues : '))?0:$.indexOf(clues,clue) + 1;       
       $.$$('current_offre',mycur);                                 
       for(var i in $.$$(clue+'_tab')){            
            var ref = $.$$(clue+'_tab')[i];     
            $("#pan-"+i).css('display','block');
            $("#pan-"+i+" span.nom").text(ref[0]);
            $("#pan-"+i+" a").attr('href',ref[1]);
            $("#pan-"+i+" img").attr('src',ref[2]);    
            $.log('valeur de i : '+i);
            if(i >= 12) break;
       }  
       i++;
       var lentab = $.$$(clue+'_tab').length;
       //*
       if(lentab > 13){
            $("#pan-13").switchClass('panneau','vplus').css('display','block');
            $("#pan-13 span.nom").text('voir plus');
            $("#pan-13 a").attr('href','#'+clue+'_tab');
            $("#pan-13 a").attr('id','more-'+clue);
            $("#pan-13 a").attr('class','more-ref');
            $("#pan-13 img").attr('src',''); 
            $("#pan-13 img").attr('alt','');
            i++;
       }
       /**/
       //supression des panneaux en trop                   
       var lenpan = $(".panneau").length + 1;
       for(var j = i; j < lenpan; j++){
           $("#pan-"+j).css('display','none');
       }      
       
       //on passe les panneaux large en normal
       for(var k = 1; k < 5 ; k++){
           $(".pos-l-"+k).switchClass("pos-l-"+k,"pos-1-"+k);
       }       
       
       //suppresion des panneaux presentation
       $(".pres-1,.pres-2").css("display","none");
       //on place le premier
       $(".pres-1:first").css('display','block').html(mentions[clue]);
       
       //on ajoute le panneau offre suivante
        $(".pres-1:first").append('<div id="wrap-ref"><a href="#" id="reference-suivante">changer d\'offre</a></div>');
       
       //si on est sur perso on decale la premiere ligne et on agrandit le panneau de pres       
       if(clue == "perso"){           
           for(var k = 1; k < 5 ; k++){
               $(".pos-1-"+k+":first").switchClass("pos-1-"+k,"pos-l-"+k);
           }           
           $(".pres-1:first").switchClass("panneau-presentation","panneau-presentation-large");           
       } else {           
           for(var k = 1; k < 5 ; k++){
               $(".pos-l-"+k+":first").switchClass("pos-1-"+k,"pos-l-"+k);
           }
           $(".pres-1:first").switchClass("panneau-presentation-large","panneau-presentation");
       }
       
       $.scrollTo('#head', 800, {easing:'swing'});
         
       return false;
    });
         
});