var href = location.href;
var myReg = new RegExp( "/index\.html?", "gi") ;
var racine = href.replace( myReg, '/' ) ;
var byteloadedImg=0;
var byteloadedFlash=0;
var bytetotal=0;
var byteIm=0;
var byPassLoad=false;

/*function logit(arg){
    try{
        console.log(arg);
    }catch(noFBerr){
        
    }
}*/
function setMyZIndex(id){
    $('#contenu').css('z-index',4-id);
    //logit(4-id);
}
function purgePage(){
    $('div.zoomimage').remove();
    $('#page').children().remove();
    jscrollReload();
}
function getPage(page){
    //logit(page);
    purgePage();
    var load='';
    switch(page){
        case 'actu':
           load=racine+'ss/actu.php';
           break;
        case 'photo':
            load=racine+'ss/galery.php';
            break;
        case 'pres':
            load=racine+'ss/presentation.html';
            break;
        case 'partner':
            load=racine+'ss/partenaires.html';
            break;
        case 'contact':
            load=racine+'ss/contact.php';
            break;
    
        default:
            load=racine+'ss/actu.php';
            page='actu';
            break;
        
    }
    $('#page').html('<img src="'+racine+'src/img/loadinfo16.gif" />').load(load,function(){
        $('.section').before("<div class='section-head'><img class='titresection' src='"+racine+"src/img/"+page+".png' /></div>").filter(':first').prepend('<div class="close">X</div>');
		jscrollReload();
        setTimeout(jscrollReload,3000);
        
    });
}
function jscrollReload(){
    $("#page").jScrollPane({wheelSpeed:40,reinitialiseOnImageLoad:true,topCapHeight:10,bottomCapHeight:10});
	//alert('done');
}
function flashComplete(){
    byPassLoad=true;
}
function setByteLoaded(inc){
    //logit('flash : '+inc);
    byteloadedFlash=inc;
    
}
function updateLoader()
{
    
    var byteloaded=byteloadedImg+byteloadedFlash;
    var pourcent = Math.ceil(byteloaded/bytetotal*100);
    if (byPassLoad){pourcent=Math.ceil(byteloadedImg/byteIm*100);}
    if (pourcent<100){
        $('#lay2').css('width',pourcent+'%');
        $('#percent>span').text(pourcent+'%');
        //logit(pourcent);
        setTimeout(updateLoader,200);
        return;
    }
    buildUI();
    
}
function buildUI()
{
    //s'execute lorsque tous les elements sont chargée;
    $("#lay2").css('width','100%').children('div').remove();
    try{
        var swf = $("#menu").get(0);
        swf.fireMenu(' ');
    }
    catch(noFlashErr){
        //$('#altContent').css('display','block');
        //ajouter le onclick sur chaque element du menu html
    }
    $('.loadable').css('visibility','visible');
    //ajouter pied de page
    //var htmlcontent="<div><img src='src/img/skier_01.gif' /><img src='src/img/skier_02.gif' /><img src='src/img/skier_03.gif' /></div><div><span class='infoot'>&copy; Romain Vandel 2009</span></span>|<span><span class='infoot'>conception HDD</span><span></span>|<span></span><span id='imLoader' class='infoot hoverable'>changer l'image de fond </span></div>"
    var htmlcontent="<span><img src='src/img/skier_01.gif' /></span><span><img src='src/img/skier_02.gif' /></span><span><img src='src/img/skier_03.gif' /></span><span class='infoot'>&copy; Romain Vandel 2009</span><span >|</span><span class='infoot'>conception HDD</span><span>|</span><span id='imLoader' class='infoot hoverable'>changer l'image de fond </span>"
    $('#foot').append(htmlcontent);
    $('#imLoader').click(function(){
        
        var source=$(this);
        source.css('display','none').after('<img src="'+racine+'src/img/loadinfo16.gif" />');
        $.getJSON(racine+'ss/newBg.php',{wdim:$(window).width()},function(data){
            var im=new Im(data.url,function(img){
                $('#BG').attr('src',img.src);
                source.css('display','inline').siblings('img').remove();
            });
            
        });
        
    });
    $('.part').each(function(){
        var cible = $(this);
        cible.append('<img src="'+racine+'src/img/loadinfo16.gif" />');
        var img = new Im(racine+'src/img/'+cible.children('span').text(),function(image){
            cible.children('img').attr({'src':image.src,'width':'80'});
        })
    });
    $('.close').live('click',function(){
        //adaptSize();
        purgePage();
    });
    //jscrollReload();
    
}

function load(){
    //detecter la taille
    var W = $(window).width();
    var H = $(window).height();
    var hdispo = H - $("#lay1>img").height() - 30;
    //ajouter le texte au loader
    $('.part').css('margin',Math.min(Math.round(W/100-4),8)+'px');
    $("#lay2").append("<div id='percent'><span class='loader'>0%</span></div>");
    //fixer la taille de l'image couleur du loader
    $("#lay2>img").attr('width',W);
    //obtenir le poid total a charger
    $.getJSON(racine+'ss/getSize.php',{wdim:W},function(data){
        bytetotal=data.total;
        byteIm=data.totalIm;
        //charger les images
        
        var BG = new Im(data.im[0].url,function(image){
            //renseigner le poid chargé
            byteloadedImg+=data.im[0].poid;
            //preparer la taille du conteneur
            $('#mainBG').css('height',hdispo+'px');
            $('#page').css('height',hdispo-$('#foot').height()+'px');
            $('#BG').attr({'src':image.src,'width':W}).css({'margin-top':Math.min(0,Math.round( (hdispo - $('#BG').height())/2)) +'px'});
            $('#contenu').css('width',Math.round(0.68*W)+'px');
            
        });
        var nom = new Im(data.im[1].url,function(image){
            //renseigner le poid chargé
            byteloadedImg+=data.im[0].poid;
            $('#nom').attr({'src':image.src}).css('top',($("#lay2>img").height()-25)+'px');
        });
        
        //lancer chargement flash si le plu est dispo
        
        $.getScript(racine+'cs/lib/swfobject.js',function(){
            //enregistrer l'object
            
            //la taille est determiné par la largeur de la fenetre
            var hmsize = (W>1300)?620:Math.round(W/2.2+20);
            //si la hauteur est trop limite, reduire la taile
            var vmsize = Math.ceil(hmsize*1.0484);
            if(vmsize>hdispo){
                vmsize = hdispo;
                hmsize = Math.ceil(vmsize/1.0484);
            }
            $('#flashContent').html('Ce site necessite le lecteur flash. Vous pouvez toutefois naviguer dans une version restreinte du site en utilisant les liens ci dessous.<br/><a href="noscript.php?page=actu">Actualité</a><br/><a href="noscript.php?page=pres">Présentation</a><br/><a href="noscript.php?page=part">Partenaires</a><br/>');
            $('#zoneMenu').css({'width':hmsize+'px','height':vmsize,'color':'#fff'})
            var flashvars = {};
            var params = {};
	    params.quality = "high";
	    params.wmode = "transparent";
	    params.allowscriptaccess = "always";
            params.play = "true";
	    var attributes = {};
	    attributes.id = "menu";
	    swfobject.embedSWF(racine+'src/menu.swf', "flashContent", "100%", "100%", "9.0.0", false, flashvars, params, attributes);
            
            //ecouter le chargement
            updateLoader();
        });
       
    });
    
}
$(document).ready(function()
  {
    var nom = new Im(racine+'src/img/bandeauGS.png',function(image){
            load();
    });
    //$(window).resize(adaptSize);
    $(window).bind('resize',adaptSize);
    $('form').live('submit',function(){
        return false;
    });
  })
function adaptSize()
{
    
    
    var W = $(window).width();
    var H = $(window).height();
    $('#bandeau img').attr('width',W);
    var hdispo = H - $("#lay1>img").height() - 30;
    $('#contenu ,.jScrollPaneContainer').css('width',Math.round(0.68*W)+'px');
    //$('body>.jScrollPaneContainer')
    $('#mainBG').css('height',hdispo+'px');
    $('#page ,.jScrollPaneContainer').css('height',hdispo-$('#foot').height()+'px').jScrollPane({wheelSpeed:40,reinitialiseOnImageLoad:true,topCapHeight:10,bottomCapHeight:10});
    $('#BG').attr({'width':W}).css({'margin-top':Math.min(0,Math.round( (hdispo - $('#BG').height())/2)) +'px'});
    var hmsize = (W>1300)?620:Math.round(W/2.2+20);
    var vmsize = Math.ceil(hmsize*1.0484);
    if(vmsize>hdispo){
        vmsize = hdispo;
        hmsize = Math.ceil(vmsize/1.0484);
    }
    $('#zoneMenu').css({'width':hmsize+'px','height':vmsize})
    $('#nom').css('top',($("#lay2>img").height()-25)+'px');
    $('.part').css('margin',Math.min(Math.round(W/100-4),8)+'px');
    //
    //purgePage();
    
}
//class Im
//procure des foncions avancée pour la gestion des images

function Im(src,callBack)
{
    this.element = new Image();
    this.callBack = callBack || function(variable)
    {
        
    };
    this.setSrc(src);
    this.waitForLoadComplete();
    
}
Im.prototype =
{
    setSrc: function(src){
        this.element.src=src;
        
    },
    waitForLoadComplete: function(){
        if (!this.element.complete) { setTimeout(this.getFcnRef(this,'waitForLoadComplete'), 1000); return; }
        //si chargée
        this.callBack(this.element);
    },
    getFcnRef:function(ob_,fcn_)
    {
        return( function(){ob_[ fcn_]()});
    }
}