// JavaScript Document

$(document).ready(function() 
  {
	  if (jQuery.browser.version != '6.0' ) {
		  $('#branding').backgroundCanvas();
		  $('#main_content').backgroundCanvas();
		  $('div.service_image').backgroundCanvas();
		  $('div.service_tarif').backgroundCanvas();
	  }
	  $('#main_content div.service').each(
		  function(i) {
			
			 els=$(this).children().filter(".service_image,.service_content,.service_tarif");
			 hmax=Math.max($(els[0]).height(),$(els[1]).height());
			 hmax=Math.max(hmax,$(els[2]).height());
			 for (i=0;i<els.length;i++)
			     $(els[i]).height(hmax);
	         
		  }
	   );
	  
	  if ($('#categorie_videos')){
	
		  $.ajax({
		    type:'POST',
			dataType:'text',
			data: {dir:$('#categorie_videos').attr('src'),init:$('#categorie_videos').attr('init')},
			url:"get_videos.php",
			success:loadMenuVideos
		  });
	  }
  }
);
Array.prototype.pop = function() {
    var n = this.length >>> 0, value;
    if (n) {
	value = this[--n];
	delete this[n];
    }
    this.length = n;
    return value;
};
$(window).load(function() 
  {
	 DrawBackground();
  }
);

$(window).resize(function() 
  {
	 DrawBackground();
  }
);

function DrawBackground()
{
	$('#branding').backgroundCanvasPaint(BackgroundPaintTopRounded);
	$('#main_content').backgroundCanvasPaint(BackgroundPaintBottomRounded);
	$('div.service_image').backgroundCanvasPaint(BackgroundPaintImage);
	$('div.service_tarif').backgroundCanvasPaint(BackgroundPaintTarif);
	
}

function BackgroundPaintImage(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) 
{
		var options = {x:0, height: height, width: width, radiusTL:14,radiusBL:14,radiusTR:0,radiusBR:0, border: 0 };	
		context.fillStyle = "#ffffff";	
		// Draw the blue border rectangle 
		$.canvasPaint.roundedRect(context,options);
		
		// Draw the gradient filled inner rectangle
		options.border = 1;
		$.canvasPaint.roundedRect(context,options);
}
function BackgroundPaintTarif(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) 
{
		var options = {x:0, height: height, width: width, radiusTL:0,radiusBL:0,radiusTR:14,radiusBR:14, border: 0 };	
		context.fillStyle = "#666666";	
		// Draw the blue border rectangle 
		$.canvasPaint.roundedRect(context,options);
		// Draw the gradient filled inner rectangle
		options.border = 1;
		$.canvasPaint.roundedRect(context,options);
}

function BackgroundPaintService(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) 
{

		var options = {x:0, height: height, width: width, radius:14,  border: 0 };
		/*var backgroundGradient = context.createLinearGradient(0, 0, 0, height - 2);
		backgroundGradient.addColorStop(0 ,'#ffffff');
		backgroundGradient.addColorStop(1, '#999999');*/
		context.fillStyle = "#ffffff";
		
		// Draw the blue border rectangle 
		$.canvasPaint.roundedRect(context,options);
		
		// Draw the gradient filled inner rectangle
		options.border = 1;
		//context.fillStyle = backgroundGradient; 
		$.canvasPaint.roundedRect(context,options);
}

function BackgroundPaintTopRounded(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) 
{
		var options = {x:0, height: height, width: width, radiusTL:14,radiusTR:14,radiusBL:0,radiusBR:0,border: 0 };
		
		context.fillStyle = "#660000";
		
		// Draw the blue border rectangle 
		$.canvasPaint.roundedRect(context,options);
		
		// Draw the gradient filled inner rectangle
		options.border = 0;
		$.canvasPaint.roundedRect(context,options);
}

function BackgroundPaintBottomRounded(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) 
{
		var options = {x:0, height: height, width: width, radiusTL:0,radiusTR:0,radiusBL:14,radiusBR:14,border: 0 };
		//var backgroundGradient = context.createLinearGradient(0, 0, 0, height - 2);
		context.fillStyle = "#660000";
		
		// Draw the blue border rectangle 
		$.canvasPaint.roundedRect(context,options);
		
		// Draw the gradient filled inner rectangle
		options.border = 0;
		$.canvasPaint.roundedRect(context,options);
}

function loadMenuVideos(data,status) {
	
	if (data != "") {
		$('#categorie_videos').html("");
		$('#categorie_videos').html(data);
		$('ul.menu5 li a[class!=current]').click(function(){
			$('#lecteur').html('<h3 class="choix_extrait">[ cliquez dans le menu à gauche pour démarrer une vidéo ]</h3>');											 
			$('ul.menu5 li').attr('class','');
			li=this.parentNode;
			$(li).addClass('current');
			loadTitres(this);
		});
		if ($('#categorie_videos').attr('init')) {
			init=$('#categorie_videos').attr('init');
			al=$('ul.menu5 li a[name='+init+']');
			loadTitres(al);
		}
	}
}

function loadTitres(al) {
	$.ajax({
		 type:'POST',
		 data:{dir:$('#categorie_videos').attr('src')+'/'+$(al).attr('name')},
	     dataType:'text',
		 url:'slide_index.php',
		 success:loadMenuTitre 
	});
}

function loadMenuTitre(data,status) {
	
	if (data != "") {
		$('#titrefilm').html("");
		$('#lecteur').html('<h3 class="choix_extrait">[ cliquez dans le menu à gauche pour démarrer une vidéo ]</h3>');
		titres=data.split(",");
		myhtml='<div class="titres">';
	
		for (i=0;i<titres.length;i++){
	
			titre=titres[i].split("/");
			film=titre.pop();
			dossier=titre.join('/');
			titre=film.split(".");
			titre=titre[0];
			myhtml+='<a state="off" class="lien_film" href="#nogo" dossier="'+dossier+'" titrefilm="'+film+'">'+titre+'</a>';
		}
		myhtml+='</div>';
		
		$('#titrefilm').html(myhtml);
		$('a.lien_film').hover(
			function() {
				if ( $(this).attr('state')=='off' )
		           $(this).css('background-image','url(images/bt_film_on.jpg)');
			},
			function() {
				if ($(this).attr('state')=='off')
		           $(this).css('background-image','url(images/bt_film_off.jpg)');
			}
		);
		$('a.lien_film').click(function() {
			flash="";
			$('#lecteur').html(flash);						
			$('a.lien_film[state=on]').css('background-image','url(images/bt_film_off.jpg)');
			$('a.lien_film[state=on]').attr('state','off');
			$(this).attr('state','on');
			$(this).css('background-image','url(images/bt_film_on.jpg)').attr('state','on')	;
			dossier=$(this).attr('dossier');
			film=$(this).attr('titrefilm');
			//alert(dossier+'-'+film);
			flash= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="402" title="video mariage" class="myvideo"><param name="movie" value="videoplayer_bis.swf?dossier='+dossier+'&titrefilm='+film+'"/><param name="quality" value="high"/><param name="wmode" value="transparent"/><embed src="videoplayer_bis.swf?dossier='+dossier+'&titrefilm='+film+'" quality="high" WMODE="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="402"></embed></object>';
			
			$('#lecteur').html(flash);
		});
	}
}

function envoyerMessage() {
	
	if ($('input[name=email]').val()!="" && $('input[name=sujet]').val()!="" && $('textarea[name=message]').val()!=""){
		$.ajax({
		  type:'POST',
		  data:{email:$('input[name=email]').val(),sujet:$('input[name=sujet]').val(),message:$('textarea[name=message]').val()},
		  dataType:'text',
		  url:"sendMessage.php",
		  success:function(data,status){
			  $('#formulaire').html(data);
		  }
		});;
	}else {
		$('#erreur').html('Champs incorrect ou incomplet');
	}
}