$(function(){

	
	// Ajout des wraps.
	
	
	var theDiv = $(document.createElement('div'))	
	$('#header').wrap(theDiv).parent().attr('class','wrapHeader').next().next().wrap(theDiv).parent().attr('class','wrapContent').next().next().wrap(theDiv).parent().attr('class','wrapCloud').next().next().wrap(theDiv).parent().attr('class','wrapFooter');
	
	// Création de la mappemonde, détails.
	
	var pointeurSrc	= '_images/content/pointeur.png';
	var myLoupe		= '_images/content/diminuer.png';
	var zoneLienMap = $('.detailMappemonde ul li');

	zoneLienMap.prepend($(document.createElement('img')).attr('src',pointeurSrc).attr('alt','').attr('class','bouton')).children('img').wrap('<a />').parent().attr('href','#').parent().each(function(){var newId = $(this).children('a+a').attr('href');$(this).addClass(newId)}).parent().parent().prepend($(document.createElement('img')).attr('src',myLoupe).attr('alt','')).children('img').wrap('<a />').parent().attr('href','#').attr('id','showMap');
	
	$('a:first-child', zoneLienMap)
		.mouseover(function(){$(this).next().stop(true, true).fadeIn('fast')})
		.mouseout(function(){$(this).next().stop(true, true).fadeOut('fast')})
		.each(function(){var catchUrl = $(this).next().attr('href');$(this).attr('href',catchUrl)});
		
	$('a', zoneLienMap).each(function()
	
	{
		$(this).attr('href', "voyages,destinations,"+$(this).attr('href'));
	})
	
	
	// Home, image illustration Board.
	
	
	var imgSrc = '_images/content/illu-home.png';
	$('#wrapIntro').append($(document.createElement('img')).attr('src',imgSrc).attr('alt',''));
	var Hauteur 	= $('.intro').outerHeight()
	var myHeight	= (Hauteur - 58)
	$('#wrapIntro > img').css('top',myHeight);
	
	
	// SubMenu (left side).
	
	
	$('.subMenu > a').click(function(e){$(this).toggleClass('subMenuActif').next().slideToggle('500');e.preventDefault();});

	$(".subMenu li strong").parent().parent().prev().click();

	
	
	// Home Board.
	
	
	var boardLink = $('.board > li li a')
	boardLink.hover(function(){$(this).toggleClass('jf');});

	
	// + -> -
	
	
	var myImgSrc = '_images/content/plus.png';
	var myBout =	'#pageDetails #rightDetails p'
	/* $(myBout).append($(document.createElement('img')).attr('src',myImgSrc).attr('alt','')); */
	
	
	if ($('#carteDetails').length==1)
		$('#rightDetails p a, #carteDetails a').click(function(e){$('#carteDetails').slideToggle('500');$(myBout).toggleClass('plusoumoins');e.preventDefault()});
	
	
	var mySecondImgSrc		= '_images/right/plus.png';
	var dropZone			=	'.mappeMonde'
	var dropZoneExtended	=	'.mappeMonde,#showMap'
	
	$(dropZone).append($(document.createElement('img')).attr('src',mySecondImgSrc).attr('alt',''));
	$(dropZoneExtended).click(function(e){$('.detailMappemonde').slideToggle('500');$(dropZone).toggleClass('plusoumoins');e.preventDefault()});
	
	// Nouveau, dans la page voyages.
	
	$('#results .nouveau').prepend($(document.createElement('img')).attr('src','_images/content/nouveau.png'));
	
	// Next and Previous, détails voyage.
	
	$('.slide #selectionPhotos+ul').wrap('<div />').parent().attr('id','mySlide');
	
	var prevLink	=	'_images/content/previous.png';
	var nextLink	=	'_images/content/next.png';
	var nouveauLink	=	'_images/content/nouveau.png';
	var theImg		=	$(document.createElement('img'));
	
	$('#imagesDetails, #mySlide').prepend(theImg.attr('src',prevLink)
		
		.attr('alt','')
		.attr('class','bouton'))
		.children('img')
		.clone()
		.attr('src',nextLink)
		.prependTo('#imagesDetails, #mySlide')
		.parent()
		.children('img')
		.wrap('<a />')
		.parent()
		.attr('href','#')
		.children('a:first-child img')
		.clone()
		.attr('src',nouveauLink)
		.attr('class','')
		.prependTo('#imagesDetails');
		
	
	
			
	// Page onglets et Ajout des span's.
	
	
	var liLink = '#contenuVoyage > li'
	$(liLink).not(":first").hide()	
	$('#ongletsVoyage a').wrapInner('<span />').click(function(e){$(this).addClass('selected').parent().siblings().children().removeClass();$(liLink).filter(':visible').hide();$($(this).attr('href')).show();e.preventDefault();});
	
	if ($("#pageDetails.commande").length==1)
	{
		$("#ongletsVoyage a:eq(0)").click(function()
		{
			var href=$(this).attr('href');
			
			document.location.href=href;
		})
	}
	
	
	// Annonces, placement des < > 
	
	
	var prevImg 	= '_images/content/annonce-prev.png';
	var nextImg 	= '_images/content/annonce-next.png';
	var annonceImg	=	$(document.createElement('img'));

	$('.annonces li+li').hide();
	
	//$('.annonces h5 span').prepend(annonceImg.attr('src',prevImg).attr('alt','').attr('class','bouton')).children().clone().attr('src',nextImg).prependTo('h5 span').parent().children('img').wrap('<a />').parent().attr('href','#');
	
	var annonces=$(".annonces h5");
	
	$("span a:eq(0)", annonces).click(function()
	{//next
		var z=		$($(this).parent().parent().next());
		var txt0=	$("span", $(this).parent());
		
		var txt=$(txt0).text().split("/");
		var n = txt[0]-0;
		var t = txt[1]-0;
		
		n++;
		if (n>t)
		{
			n=1;
		}
		
		$("li", z).hide();
		$("li:eq("+(n-1)+")", z).show();
		
		$(txt0).text(n+"/"+t);
		
		return false;
	})
	
	$("span a:eq(1)", annonces).click(function()
	{//previous
		var z=		$($(this).parent().parent().next());
		var txt0=	$("span", $(this).parent());
		
		var txt=$(txt0).text().split("/");
		var n = txt[0]-0;
		var t = txt[1]-0;
		
		n--;
		if (n==0)
		{
			n=t;
		}
		
		$("li", z).hide();
		$("li:eq("+(n-1)+")", z).show();
		
		$(txt0).text(n+"/"+t);
		
		return false;
	})
	
	// tableau, picto info 
	
	$('td p').hide();
	
	var infoImg = '_images/contenu/info.png'
	
	$('tbody tr td:first-child p').parent().prepend($(document.createElement('a')).attr('href','#')).children('a').prepend($(document.createElement('img')).attr('src',infoImg).attr('alt','Info'));
	
	$('tbody tr td:first-child a').mouseover(function(){$(this).next().stop(true, true).fadeIn('fast')}).mouseout(function(){$(this).next().stop(true, true).fadeOut('fast')});
	
	
	// textarea, zapin'bg
	
	$('#com').click(function(){$('#com').css('background-image','none')});
	
	// Caneva, img and link problem.
	
	$('#contenuVoyage a img').parent().css('border','none');
	
	
	$('#newsletter+ul li+li img').fadeTo('fast', 0.5);
	
	// Roll over thx deaxon.
	
	
	function getElementsByClassName(className,tagName,root){var els=(root||(root=document)).getElementsByTagName(tagName||(tagName="*"));if(!els.length&&root.all&&tagName==="*"){els=root.all}var res=[],re=new RegExp("(^|\\s)"+className+"(\\s|$)");for(var i=0,el;(el=els[i]);++i){if(re.test(el.className)){res[res.length]=el}}return res}
	
	var
	classe_des_images_reactives = 'bouton',
	suffixe_des_images_reactives = '-hover';
	var W3CDOM=(document.createElement&&document.getElementsByTagName);var mouseOvers=new Array();var mouseOuts=new Array();window.onload=init;function init(){if(!W3CDOM)return;var imgs=getElementsByClassName(classe_des_images_reactives);for(var i=0;i<imgs.length;i++){imgs[i].onmouseover=mouseGoesOver;imgs[i].onmouseout=mouseGoesOut;var suffix=imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));mouseOuts[i]=new Image();mouseOuts[i].src=imgs[i].src;mouseOvers[i]=new Image();mouseOvers[i].src=imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.'))+suffixe_des_images_reactives+suffix;imgs[i].number=i}}function mouseGoesOver(){this.src=mouseOvers[this.number].src}function mouseGoesOut(){this.src=mouseOuts[this.number].src}
	
 });