$(document).ready(function(){
	var bodyHeight = $(window).height();
	var contentHeight = $('#accueil').outerHeight();
	var contentWidth = $('#accueil').outerWidth();
	var headerHeight = (bodyHeight - contentHeight) / 2;

	bandeauHeight(headerHeight);
	tailleTexte(contentWidth);
	tailleIcones(contentWidth);

	//horizontalScroll
	$('#menu_principal a').click(function(){//$.scrollTo works EXACTLY the same way, but scrolls the whole screen
		$.scrollTo( this.hash, 800);
		$(this.hash).find('span.message').text( this.title );
		return false;
	});

	// fancyBox
	$('.box_accueil').fancybox({
		'titleShow'			: false,
		'type'				: 'iframe'
	});

	$('.box_portfolio').fancybox({
		'titleShow'			: false,
		'type'				: 'iframe',
		'cyclic'			: true
	});

	// gestion taille police
	var originalFontSize = $('body').css('font-size');

	$('.resetFont').click(function(){
		$('body').css('font-size', originalFontSize);
	});

	$('.increaseFont').click(function(){
		var currentFontSize = $('body').css('font-size');
		var currentFontSizeNum = parseFloat(currentFontSize, 10);
		var newFontSize = currentFontSizeNum * 1.2;
		$('body').css('font-size', newFontSize);
		return false;
	});

	$('.decreaseFont').click(function(){
		var currentFontSize = $('body').css('font-size');
		var currentFontSizeNum = parseFloat(currentFontSize, 10);
		var newFontSize = currentFontSizeNum * 0.8;
		$('body').css('font-size', newFontSize);
		return false;
	});

	// liens externes Google Analytics
	$("a[rel*='liensortant']").click(function(){
		pageTracker._trackPageview('/liensortant/'+ $(this).attr('href'));
	});

});

$(window).resize(function(){
	var bodyHeight = $(window).height();
	var contentHeight = $('#accueil').outerHeight();
	var contentWidth = $('#accueil').outerWidth();
	var headerHeight = (bodyHeight - contentHeight) / 2;

	bandeauHeight(headerHeight);
	tailleTexte(contentWidth);
	tailleIcones(contentWidth);
});

function bandeauHeight(headerHeight) {
	$('#header').css('height', headerHeight);
}

function tailleTexte(contentWidth) {
	if(contentWidth <= 1200) {
		$('#texte').css('line-height', '0.8em');
		$('#texte').css('font-size', '2em');
		$('#menu2').css('font-size', '2em');
	}
	else if(contentWidth < 1600) {
		$('#texte').css('line-height', '0.8em');
		$('#texte').css('font-size', '2.5em');
		$('#menu2').css('font-size', '2.5em');
	}
	else {
		$('#texte').css('line-height', '1em');
		$('#texte').css('font-size', '3em');
		$('#menu2').css('font-size', '3em');
	}
}

function tailleIcones(contentWidth) {
	if (typeof document.body.style.maxHeight !== "undefined") {
	// navigateur != ie6
		if(contentWidth < 1200) {
			icones = 96 + 'px';
			$('.icones img').css('width', icones);
			
			$('.icones a').mouseover(function(){
				$(this).css('background-image',  "url('fichiers/images/icone_hover_mini.png')");
				$(this).css('background-repeat', 'no-repeat');
			});
			$('.icones a').mouseout(function(){
				$(this).css('background-image',  'none');
			});
		}
	}
	else {
	// navigateur == ie6
		if(contentWidth < 1200) {
			icones = 96 + 'px';
			$('.icones img').css('width', icones);
			$('.icones ul').css('margin-left', '0px');
			$('.icones li').css('margin-right', '0px');
			
			var liste = '<li><a href="fichiers/inc/cmnf.php" class="box_portfolio" rel="portfolio" title="Site Internet de la CMNF"><img src="fichiers/images/icone_cmnf_96.png" id="img_icones1" alt="Accédez au détail du site Internet de la CMNF - association mammalogique du nord de la France" /></a></li><li><a href="fichiers/inc/lestrem.php" class="box_portfolio" rel="portfolio" title="Site Internet de Lestrem Nature"><img src="fichiers/images/icone_lestrem_96.png" id="img_icones2" alt="Accédez au détail du site Internet de Lestrem Nature - carte de répartition des amphibiens" /></a></li><li><a href="fichiers/inc/reine_rouge.php" class="box_portfolio" rel="portfolio" title="Site Internet de la Reine Rouge"><img src="fichiers/images/icone_reine_rouge_96.png" id="img_icones3" alt="Accédez au détail du site Internet de la Reine Rouge - association environnement nord pas de calais" /></a></li><li><a href="fichiers/inc/tilleul.php" class="box_portfolio" rel="portfolio" title="Site Internet du Tilleul sur la Colline"><img src="fichiers/images/icone_tilleul_96.png" id="img_icones4" alt="Accédez au détail du site Internet du tilleul sur la colline - agence de communication en environnement nord pas-de-calais" /></a></li><li><a href="fichiers/inc/atousolutions.php" class="box_portfolio" rel="portfolio" title="Site Internet d\'Atousolutions"><img src="fichiers/images/icone_atousolution_96.png" id="img_icones5" alt="Accédez au détail du site Internet d\'AtouSolution - conciergerie d\'entreprise lille" /></a></li><li><a href="fichiers/inc/hotoire.php" class="box_portfolio" rel="portfolio" title="Site Internet de la Hotoire"><img src="fichiers/images/icone_hotoire_96.png" id="img_icones6" alt="Accédez au détail du site Internet de la Hotoire - chambres d\'hôtes pas-de-calais Hesdin" /></a></li><li><a href="fichiers/inc/7vallees.php" class="box_portfolio" rel="portfolio" title="Site Internet du Pays des 7 Vallées"><img src="fichiers/images/icone_7vallees_96.png" id="img_icones7" alt="Accédez au détail du site Internet des chambres du Pays des 7 Vallées - Association de chambres d\'hôtes pas-de-calais Beaurainville" /></a></li><li><a href="fichiers/inc/lardeur.php" class="box_portfolio" rel="portfolio" title="Site Internet de la Ferme Lardeur"><img src="fichiers/images/icone_lardeur_96.png" id="img_icones8" alt="Accédez au détail du site Internet de la Ferme Lardeur - chambres d\'hôtes pas-de-calais Regnauville" /></a></li>';
			$('.icones ul').html(liste);
			
			$('.icones a').mouseover(function(){
				$(this).css('background-image',  "url('fichiers/images/icone_hover_mini.png')");
				$(this).css('background-repeat', 'no-repeat');
			});
			$('.icones a').mouseout(function(){
				$(this).css('background-image',  'none');
			});
		}
	}
}