/**
 * @projectDescription http://lookatmekid.org
 *
 * @author Juego  Juego @ requiem4tv.com
 * @copyright Juego - All rights reserved.
 * @license (cc) by-nc-sa
 * @version 0.3
 */

/* Jquery magic: attendre que tout soit chargé */
$(document).ready(function(){
	calculDuLayout();
	/*gestionMenu();*/
	gestionMenuRubrique();
	$('a.lightbox').lightBox({
		imageLoading: 'squelettes/design/lightbox-img/lightbox-ico-loading.gif',
		imageBtnClose: 'squelettes/design/lightbox-img/lightbox-btn-close.gif',
		imageBtnPrev: 'squelettes/design/lightbox-img/lightbox-btn-prev.gif',
		imageBtnNext: 'squelettes/design/lightbox-img/lightbox-btn-next.gif',
		imageBlank: 'squelettes/design/lightbox-img/lightbox-blank.gif'
   });

});

/* Mise en place des éléments par rapport à la taille de la fenêtre*/
function calculDuLayout() {
	var wHauteur = $(window).height(); // hauteur de la fenêtre
	var wLargeur = $(window).width(); // largeur de la fenêtre
	var horizHaut = $("#horizon").height(); // hauteur de l'horizon
	// le cas des fenêtres trop petites
	if (wHauteur < 450) {
		wHauteur = 450;
	}
	if (wLargeur < 1010) {
		wLargeur = 1010;
	} 
	
	var diff = (wHauteur - horizHaut);  // hauteur du ciel
	var largDiff = (wLargeur-800)/2; // marge de gauche pour centrer le contenu
	$("#ciel").css({ "height" : diff, "width" : wLargeur , "background-position-x": (diff-800) });
	$("#horizon").css({ "top": diff, "width" : wLargeur });
	$("#paysage-news").css({ "top": (diff-208), "left" : largDiff });
	$("#paysage-nous").css({ "top": (diff-328), "left" : largDiff });
	$("#paysage-musique").css({ "top": (diff-373), "left" : largDiff });
	$("#paysage-spectacle").css({ "top": (diff-378), "left" : largDiff });
	$("#paysage-extra").css({ "top": (diff-408), "left" : largDiff });
	$("#paysage-photo").css({ "top": (diff-308), "left" : largDiff });
	$("#information").css({ "top": (diff-282), "width": 800, "left" : largDiff });
	$("#main").css({ "top": (diff-322), "width": 800, "left" : largDiff });
	$("#menu").css({ "top" : diff/2});
	
	$('.scroll-pane').jScrollPane({showArrows:true});
	$('.scroll-pane-menu').jScrollPane({showArrows:true});
	$('.scroll-pane-photo').jScrollPane({showArrows:true});
	
	//$(".noirAlpha").css({"opacity" : 0.4 });
	//DEBUG $("#contenu").append("diff: " + diff + " wHauteur: " + wHauteur + " horizHaut: " + horizHaut +"<br />" );
	return;
};

/* Si la fenêtre se redimenssionne, relancer le calcul du Layout 
 * Obligé de mettre un TimeOut à cause d'IE
 */

var resizeTimer = null;
$(window).bind('resize', function() {
    if (resizeTimer) clearTimeout(resizeTimer);
    resizeTimer = setTimeout(calculDuLayout, 100);
});

/* manipulation des éléments du menu */ 
function gestionMenu(){
	/* les rollovers */
	$("#menu > ul > li").mouseover(function(){
		$(this).css({
			fontSize: "18px",
			color: "#FFFFFF"
		});
	});
	$("#menu > ul > li").mouseout(function(){
		$(this).css({
			fontSize: "12px",
			color: "#DDDDDD"
		});
	});
}

/* manipulation des éléments du menu de Rubrique */ 
function gestionMenuRubrique(){
	/* les rollovers */
	$(".logo_link > a").mouseover(function(){
		$(this).children(".titre_sur_logo").css({
			visibility: "visible"
		});
	});
	$(".logo_link > a").mouseout(function(){
		$(this).children(".titre_sur_logo").css({
			visibility: "hidden"
		});
	});
}

/*
function loadPhoto( link ){
	$('.photo').html('<img src="' + link + '"/>');
}
*/