jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}



function init () {

	init_boutons();
    load_toiles();
}

function init_hover () {

	$(".pic").hover(function () {
 
 /*
         $(this)
            .css({'opacity' : '0.7'});
    }
   */
   
   $(this).css({'border-style': 'none'}); 
   
}
  
    );
    
    
    
    	$(".pic").mouseleave(function () {
  
 /*
         $(this)
            .css({'opacity' : '1'});
            
            */
            
               
   $(this).css({'border-style': 'outset'}); 
    }
    
  
    );
    
}




function init_boutons() {

	$("#cartes").bind("click", function(e){load_cartes();});
	$("#toiles").bind("click", function(e){load_toiles();});	
	$("#videos").bind("click", function(e){load_videos();});	
	$("#bio").bind("click", function(e){load_bio();});	

    $.preloadImages("./images/boutons_d/cartes.jpg", "./images/boutons_d/toiles.jpg", "./images/boutons_d/videos.jpg","./images/boutons_d/bio.jpg");

	$("#cartes").bind("mouseover", function(e){$("#cartes").attr({src:"./images/boutons_d/cartes.jpg"});});
	$("#toiles").bind("mouseover", function(e){$("#toiles").attr({src:"./images/boutons_d/toiles.jpg"});});
	$("#videos").bind("mouseover", function(e){$("#videos").attr({src:"./images/boutons_d/videos.jpg"});});
	$("#bio").bind("mouseover", function(e){$("#bio").attr({src:"./images/boutons_d/bio.jpg"});});
}

function reset_butons() {

	$("#cartes").bind("mouseout", function(e){$("#cartes").attr({src:"./images/cartes.jpg"});});
	$("#toiles").bind("mouseout", function(e){$("#toiles").attr({src:"./images/toiles.jpg"});});
	$("#videos").bind("mouseout", function(e){$("#videos").attr({src:"./images/videos.jpg"});});
	$("#bio").bind("mouseout", function(e){$("#bio").attr({src:"./images/bio.jpg"});});

	$("#cartes").trigger('mouseout');
	$("#toiles").trigger('mouseout');
	$("#bio").trigger('mouseout');
	$("#videos").trigger('mouseout');
}

function load_cartes() {
	
	$("#content").load("./cartes/index.html");
	reset_butons();
	$("#cartes").trigger('mouseover');
	$("#cartes").unbind("mouseout");

}

function load_toiles() {
	
	$("#content").load("./toiles/index.html");
	reset_butons();	
	$("#toiles").trigger('mouseover');
	$("#toiles").unbind("mouseout");

}

function load_videos() {
	
	$("#content").load("./videos/videos.html");
	reset_butons();
	$("#videos").trigger('mouseover');
	$("#videos").unbind("mouseout");

}


function load_bio() {
	
	$("#content").load("./bio/bio.html");
	reset_butons();
	$("#bio").trigger('mouseover');
	$("#bio").unbind("mouseout");

}