//multiplication taille ecran pour obtenir taille accordeon
var facteur_h=0.7;
var facteur_w=0.75;//0.5
//dimanssion mini/maxi accordeon
var min_h=500;
var min_w=770;
var max_h=1000;
var max_w=970;
//taille logo d'entete taile(S,M,L)
var logoH=new Array();//106,176,293
logoH['S']=106;
logoH['M']=176;
logoH['L']=293;

/*
 * page prete
 */
$(function() {
	var h=getHeight();
	var nb_elem=$("span.tab").size();
	var w=getWidth();
	
	//definir la taille horizontale des bandes du menu
	$('#accordion').css({'width':w+'px','margin-left':'-'+w/2+'px'});
	$("#accordion div").css('height',h+'px').children('p').css('width',w-(nb_elem*54)-45+'px');
	$("#accordion div:first").add(".accTabHeader").css('width',w-(nb_elem*54)-20+'px');
	$("#accordion div").children(':not(.fr)').css('margin-left','8px');
	//alert(w-(nb_elem*54)-20+'px');
	
	//definir la position du pied de page
	$("#footer").css('top',($("#accordion").offset().top+h)+'px');
	//$("#accordion div:first").css('min-width',w-nb_elem*54-20+'px');
	$("span.tab").css('height',h+'px');
	$("#accordion").tabs("#accordion div", {
		tabs: 'span.tab', 
		effect: 'horizontal'
	});
	//ajuster la taille de la carte
	var tailleDispo=0;
	$("#accordion div:first").children(':not(img)').each(function(){
		tailleDispo+=$(this).height()+20;
	});
	tailleDispo=h - tailleDispo;
	//si la taille est inferieure a la hauteur de l'image
	if (tailleDispo<180){
		//si vraiment pas de place, mettre un lien
		$('#localisation').html('<a href="src/getMap.php" rel="#overlay">Voir la localisation des centres de loisirs</a>');
		createNav();
		
	}else{
		$('#localisation').load('./src/getMap.php?w='+parseInt(w-(nb_elem*54)-45)+'&h='+tailleDispo,createNav/*function(){
			
			$('area').overlay({
				onBeforeLoad: function() { 
					// obtenir le wraper 
					var wrap = this.getContent().find(".contentWrap"); 
					// charegemtn du lien 
					wrap.html('<span>chargement de la page en cours...</span>').load(this.getTrigger().attr("href")); 
				},
				onLoad:initOverlay,
				onBeforeClose:function(){
					$("#overlay").expose().close();
				}
			});
		}*/);
	}
	
	//placer les images des taches
	w=$(window).width();
	var prefix='S';
	if (w > 1100) {
		prefix='M';
		if (w > 1550) prefix='L';
	}
	drawBG(prefix);
	setTextSize(prefix);
	//createNav(getWidth());
	animateHeaders();
	//setToolTip();
	//setDatePick();
});

function getHeight(){
	//alert(Math.round($(document).height()));
	var height=Math.round($(window).height()*facteur_h);
	return (height > min_h)?height:min_h;
}
function getWidth(){
	//alert(Math.round($(document).height()));
	var width=Math.round($(window).width()*facteur_w);
	if (width > max_w) return max_w;
	return (width > min_w)?width:min_w;
}

function drawBG(prefix){
	var h = $(document).height();
	
	$("#entete").after('<img class="bg_tr" src="img/'+prefix+'/main_img_tr_'+(Math.floor(Math.random() * 7)+1)+'.jpg" /><img class="bg_tr" src="img/'+prefix+'/main_bg_tr.png" /><img class="bg_br" src="img/'+prefix+'/main_bg_br.png" />');//<img id="bg_bl" src="img/'+prefix+'main_bg_bl.png" />');
	$("body").css({'background-image':'url(img/'+prefix+'/main_bg_bl.png)','background-position':'bottom left', 'background-repeat':'no-repeat'});
}
function setTextSize(prefix){
	//hauteur et bg du head
	
	$("#entete").css({'background-image':'url(img/'+prefix+'/logo_bg.gif)','height':logoH[prefix]+'px'});
	//donner la taille de fonte en fonction de la largeur d'ecran
	if (prefix=='S'){
		$("H1:first").css({'font-size':'28pt'});
		$("H2:first").css({'font-size':'9pt','letter-spacing': '0.5pt'});
		_typeface_js.initialize();
		//alert('petite taille');
	}
	
	
}
/* affichage des pages en overlay
 *
 */
function createNav(){
	w=getWidth();
	var offset=$("#accordion").offset();
	
	$("#overlay").css('width',w+'px')
	$("[rel=#overlay]").overlay({
		/*top:offset.top-10,
		/*expose: '#fff',*/
		/*effect: 'apple', */
		onBeforeLoad: function() { 
 
		// obtenir le wraper 
		var wrap = this.getContent().find(".contentWrap"); 
		// charegemtn du lien 
		wrap.html('<span>chargement de la page en cours...</span>').load(this.getTrigger().attr("href")); 
		},
		onLoad:delayOverlay,
		onBeforeClose:function(){
			$("#overlay").expose().close();
		}
	});
	
	$(".contentWrap a[rel]").live('click',function(){
		var cible=$(this).attr('href');
		$(this).attr('href','#');
		$(".contentWrap").html('<span>chargement de la page en cours...</span>').load(cible,initOverlay); 
		return false;
	});
	//navigation sur les lien de bas de page
	$("#footer>span").each(function(i){
		$(this).click(function(){
			$("#accordion>span:eq("+i+")").trigger('click');
		})
	})
	//formulaire de contact
	$("#formDevis").live('submit',function(){
		//desactiver la possibilité de reenvoie
		$("#formDevis").find('input[type=submit]').attr('disabled','disabled').css('display','none').after("<span>envoie en cours...</span>");
		//console.log($("#formDevis").find('input[type=submit]'));
		var form=$("#formDevis");
		var uri=form.attr('action')
		//console.log(uri);
		$.post(uri,form.serialize(),function(data, textStatus, XMLHttpRequest){
			//essayer de faire remonter l'affichage, ou aficher en dessous
			var but=$("#formDevis").find('input[type=submit]');
			but.siblings('span').remove();
			but.after('<div>'+data+'</div>');
			//form.parent('div').html(data);
			}
		);
		return false;
	})
}
function delayOverlay(){
	//mettre un expose
	var api=$("#overlay").expose({api: true,
			     onLoad:function(){setTimeout("growOverlayBg()",400)},
			     color: '#fff',
			     loadSpeed:'fast',
			     closeOnClick:false,
			     closeOnEsc:false,
			     maskId:'mask',
			     opacity: 0.5 }).load();
	setTimeout("initOverlay()",300);
}
function initOverlay(){
	//appliquer la hauteur de document au masque
	//alert($(document).height());
	$("a.zoomable").zoomimage({
	border: 0,
	centered: true,
	hideSource: true,
	controlsTrigger: 'mouseover',
	controls: false
	});
	//attribuer les action aux lien de navigation
	$(".rappelNavTop>a").filter(':first').click(function(){
		//fermer la fenetre et ouvrir onglet présentation
		$("div.close").trigger('click');
		$("#accordion>span:first").trigger('click');
		return false;
	}).end().filter(':2').click(function(){
		//fermer la fenetre et ouvrir l'onglet source
		$("div.close").trigger('click');
		return false;
	});
	$(".rappelNavBottom>a").filter(':first').click(function(){
		//fermer la fenetre et ouvrir onglet présentation
		$("div.close").trigger('click');
		$("#accordion>span:first").trigger('click');
		return false;
	}).end().filter(':2').click(function(){
		//fermer la fenetre et ouvrir l'onglet source
		$("div.close").trigger('click');
		return false;
	});
	//applique rle selectionneur de date le cas echeant
	setTimeout("setDatePick()",300);
	
	/*$("div.close").click(function(){
		api.close();
	});*/
	
	
}
function setDatePick(){
	
	$(".datePicker").each(function(i){
		var cible=$(this).siblings(".l10nAlternate");
		//var trig=$(this).siblings(".datepick-trigger");
		cible.css({'border':'0px dotted white','border-bottom':'1px dotted white','background-color':'CDCD39','color':'white'});
		$(this).datepick($.extend({ 
		//showTrigger: '#datepick-trigger',
		altField: cible, altFormat: 'DD d MM yyyy'}, 
		$.datepick.regional['fr']));
	})
}
function growOverlayBg(){
	
	$("#mask").css({'height':$(document).height()+'px','z-index':900});
}
//animer les entete
function animateHeaders(){
	//toute les x secondes fadeOut/fadeIn
	var y=setInterval('changeImg()',6000);
}
function changeImg(){
	$("img.over").each(function(){
		var cible=$(this);
		if (cible.css('display')=='none'){
			cible.fadeIn(1000);
		}else{
			cible.fadeOut(1000);
		}
	})
}