$(function(){
	/* menu du bas
	 formulaire de contact 
	 insérer le bouton */
	var btc = '<div id="btc" >';
	btc +=	'<span><a href="/" title="Accueil"><img src="/img/icons/go-home.png" width="22" height="22"/></a>';
	btc +=	'<a href="mailto:?Subject=Conception%20de%20site%20internet%20%28Morbihan%29&Body=Bonjour%2C%0AJe%20recommande%20de%20visiter%20ce%20site%20pour%20la%20cr%26eacute%3Bation%20de%20site%20internet%20%3A%0Ahttp%3A//creation-internet-freelance.com" title="Recommander ce site à un ami"><img src="/img/icons/mail-forward.png" width="22" height="22"/></a>';
	if($('aside').length>0){
		$('aside').wrap('<div style="display:none"></div>');	
		btc +=	'<a href="#fcx" id="btfcx"><img src="/img/icons/help-browser.png" title="Voir les notes" width="22" height="22"/></a>';			
	}
	btc +=	'<img src="/img/icons/printer.png" id="print" title="Imprimer cette page" width="22" height="22"/>';
	btc +=	'<img src="/img/icons/internet-mail.png" id="ctcForm" title="Formulaire de contact" width="22" height="22"/>';
	btc +=	'</span></div>';
	$('body').append(btc);
	$('#btc img').css({
		cursor:'pointer',
		padding:'0 10px'	
	});	
	
	/* Positionner le  Menu du bas */
	$('#btc').css({
		width:'220px',
		padding:'.8em 0 .3em 0',
		position:'fixed',
		bottom:'-2px',
		left:$(window).width()/2 - 110 +'px',
		zIndex:'10000',
		textAlign:'center'	
	});	
	$('#btc').jqcanvas(function (canvas, width, height) {
		var corner = 5;		
		var ctx = canvas.getContext("2d");
        ctx.clearRect(0,0,width,height);
        var lingrad = ctx.createLinearGradient(0,0,0,height);
		lingrad.addColorStop(1, '#A6A18E');
        lingrad.addColorStop(0, '#C7C1AA');
        ctx.fillStyle = lingrad;
        ctx.lineWidth = 2;
		ctx.strokeStyle = "#A6A18E";
		ctx.beginPath();
		ctx.arc(corner+ctx.lineWidth,corner+ctx.lineWidth,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
        ctx.lineTo(width-corner-2*ctx.lineWidth,ctx.lineWidth);
        ctx.arc(width-corner-2*ctx.lineWidth,corner+ctx.lineWidth,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
        ctx.lineTo(width-2*ctx.lineWidth,height);
        ctx.lineTo(ctx.lineWidth,height);
		ctx.closePath();
		ctx.fill();
		ctx.stroke();
		return false;
    });

	$("#print").click(function(){
		window.print();	
	
	});	

		
	$('#btfcx').fancybox();	
	
	
	$("#ctcForm").click(function(){
		$.fancybox({
			'href': '/includes/contact.php',
			'type':'iframe',
			'hideOnContentClick':false
		});
		return false;
	});	
	
	// liens sortants
	$('a').filter(function() {
		var theHref = this;
		if (theHref.hostname && theHref.hostname !== location.hostname) {
			$(theHref).attr('target','_blank');
					
		};

	});	
	
	
	/* Galerie site */	
	var nb_spip = $('#spip ul li').size();
	var nb_django = $('#django ul li').size();
	
	$('#spip ul, #django ul').wrap('<div class="cadre-visu"></div>');
	var btprevnext=	'<div class="btbar">'
		+'<p class="prev">< précédent </p>'
		+'<p class="next">suivant ></p>'
		+'</div>';	
	
	$('.cadre-visu').prepend(btprevnext);
	$('#spip ul, #django ul').css('position','relative');
	
	$('#spip ul').css({width:nb_spip*100+'%'});
	$('#django ul').css({width:nb_django*100+'%'});
	$('#django ul').css('position','relative');
	$('#spip ul li, #django ul li').css({
		textAlign:'center', 
		float:'left', 
		clear:'none',
		width: $('article').width()
	});
	$('#spip ul li a img, #django ul li a img').css({float:'none', clear:'both'});
	
	$('.next').click(function(){
		var W = $(this).parent('div').parent('div').children('ul').width();	
		var deplacement = $('article').width(); 
		var left = Math.abs($(this).parent('div').parent('div').children('ul').position().left);	
		var reste =	W-left - deplacement;	
		if (reste >= deplacement){	
			$(this).parent('div').parent('div').children('ul').animate({left:'-='+deplacement},600);	
		}
		else {
			$(this).parent('div').parent('div').children('ul').animate({left:0},600);
		}
	});	
	
	$('.prev').click(function(){
		var W = $(this).parent('div').parent('div').children('ul').width()	
		var deplacement = $('article').width(); 
		var left = Math.abs($(this).parent('div').parent('div').children('ul').position().left);	
			
		if (left >= deplacement){	
			$(this).parent('div').parent('div').children('ul').animate({left:'+='+deplacement},600);	
		}
		
	});		

	$("a.fcx").each(function(){$(this).attr('rel',"dp");});	
	$("a.fcx").fancybox({'titlePosition':'inside','overlayOpacity':0.8});
	$('#coord').load('/includes/inc-hcard.html');

	// Menu	haut
//	$(".cvx1 ul").hide();
	
	$("nav menu").css({
		width:$('article').innerWidth()
	});
	
	 	
	$('.cvx1 ul').each(function(){	
		var lm = $('menu').offset();
		var pad = $('article').innerWidth()- $('article').width();		
		$(this).css({
			position:'absolute',
			top:$('.cvx1').innerHeight(),
			left:lm.left,
			padding: pad/8 ,
			margin:0,
			width:$('article').innerWidth()-pad/4
		});
		
			
		$(this).jqcanvas(function (canvas, width, height) {
				var corner = 5;		
				var ctx = canvas.getContext("2d");
		        ctx.clearRect(0,0,width,height);
		       	//ctx.fillStyle = '#DD7056';
		       	ctx.fillStyle = '#7D8892';
		       	//ctx.fillStyle = '#A96826';
		       	
		        ctx.beginPath();
				ctx.arc(0,0,corner,Math.PI+(Math.PI*0)/2,Math.PI+(Math.PI*1)/2,0);
				ctx.lineTo(width,0);
				ctx.arc(width,0,corner,Math.PI+(Math.PI*1)/2,Math.PI+(Math.PI*2)/2,0);
				ctx.lineTo(width,height-corner);
				ctx.arc(width-corner,height-corner,corner,Math.PI+(Math.PI*2)/2,Math.PI+(Math.PI*3)/2,0);
				ctx.lineTo(corner,height);
				ctx.arc(corner,height-corner,corner,Math.PI+(Math.PI*3)/2,Math.PI+(Math.PI*0)/2,0);
				ctx.closePath();
				ctx.fill();
				return false;
		    })
			
			$(this).hide();
			
	});
	$("nav").jqcanvas(function (canvas, width, height) {
		var ctx = canvas.getContext("2d");
        ctx.clearRect(0,0,width,height);
        var lingrad = ctx.createLinearGradient(0,0,0,height);
		lingrad.addColorStop(0, '#A6A18E');
        lingrad.addColorStop(1, '#C7C1AA');
        ctx.fillStyle = lingrad;
        ctx.fillRect(0, 0, width, height);
    });	
	$(".cvx1").hover(function(){
		$(this).children('ul').show();
		$(this).css({
			color:'#555',
			//background:'#DD7B63',			
			background:'#7D8892'
			//background:'#A96826'
			//color:'#A6A18E'
		});
	},
	function(){
		$(this).children('ul').hide();
		$(this).css({
			background:'transparent',
			color:'#F0EEDC'
		});

	});
});