// JavaScript Document
<!--//--><![CDATA[//><!--
//$("#apercu-encadrement img").attr('src', 'http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif');

$.preloadImages("images/menu/1-ok.png","images/menu/2-ok.png","images/menu/3-ok.png","images/menu/4-ok.png","images/menu/5-ok.png","images/menu/6-ok.png","images/menu/7-ok.png","includes/languages/french/images/buttons/cadre-clic-ajouter.png", "http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif");
$(function() {
	$("#accordion").accordion({
		header: "h3",
		alwaysOpen: false,
		autoHeight: false,
		collapsible: true,
		navigation: true
	});
}); 

function calculePrix(l, h, p, m){
	$.ajax({
		type: "post",
		url: "calcule-prix.php",
		data: "l="+l+"&h="+h+"&p="+p+"&m="+m,
		success: function(msg){
			$('div#recap-prix').html(msg);
		}
	 });
 }

function calculeTaille(l, h, p, m){
	$.ajax({
		type: "post",
		url: "calcule-taille.php",
		data: "l="+l+"&h="+h+"&p="+p+"&m="+m,
		success: function(msg){
			$('div#recap-taille').html(msg);
		}
	});
}

function affichePhotos(p){
	$.ajax({
		type: "post",
		url: "affiche-photos.php",
		data: "p="+p,
		success: function(msg){
			$('div#cadre-clic-photos').html(msg);
			$('a.zoom').unbind();
			$('a.zoom').lightBox();
		}
	});
}

function afficheDescription(p){
	$.ajax({
		type: "post",
		url: "affiche-description.php",
		data: "p="+p,
		success: function(msg){
			$('div#cadre-clic-description').html(msg);
		}
	});
}

function afficheConseil(p){
	$.ajax({
		type: "post",
		url: "affiche-conseil.php",
		data: "p="+p,
		success: function(msg){
			$('div#cadre-clic-conseil').html(msg);
		}
	});
}
 

$("#apercu-encadrement").ajaxContent();

$(document).ready(function(){
	
	$("input#largeur").keypress(function(e) {
		if (e.which == 13) {
			message_alerte = 0;
			if (parseFloat($("input#largeur").val()) < parseFloat($('input#taille_min').val())) {
				message_alerte = 1;
				$("input#largeur").val($('input#taille_min').val());
			}
			if (parseFloat($("input#largeur").val()) > parseFloat($('input#taille_max').val())) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
				$("input#largeur").val($('input#taille_max').val());
			}
			if (parseFloat($("input#hauteur").val()) < parseFloat($('input#taille_min').val())) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
				$("input#hauteur").val($('input#taille_min').val());
			}
			if (parseFloat($("input#hauteur").val()) > parseFloat($('input#taille_max').val())) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
				$("input#hauteur").val($('input#taille_max').val());
			}
			if (message_alerte == 1) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
			}
			calculePrix($("input#largeur").val(), $("input#hauteur").val(), $("input#id_cadre").val(), $("input#id_ml").val());
			calculeTaille($("input#largeur").val(), $("input#hauteur").val(), $("input#id_cadre").val(), $("input#id_ml").val());
			affichePhotos($("input#id_cadre").val());
			afficheDescription($("input#id_cadre").val());
			afficheConseil($("input#id_cadre").val());
			if ($("input#id_cadre").val() != '0') {
				$("#apercu-encadrement img").attr({src: 'cadre-clic.php?p='+$("input#id_cadre").val()+'&m='+$("input#id_ml").val()+'&u='+$("#inputimage").val()+'&l='+$("input#largeur").val()+'&h='+$("input#hauteur").val()});
			}
			else {
				$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/veuillez-selectionner-une-baguette.png'});
			}
			return false;
		}
	});

	$("input#hauteur").keypress(function(e) {
		if (e.which == 13) {
			message_alerte = 0;
			if (parseFloat($("input#largeur").val()) < parseFloat($('input#taille_min').val())) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
				$("input#largeur").val($('input#taille_min').val());
			}
			if (parseFloat($("input#largeur").val()) > parseFloat($('input#taille_max').val())) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
				$("input#largeur").val($('input#taille_max').val());
			}
			if (parseFloat($("input#hauteur").val()) < parseFloat($('input#taille_min').val())) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
				$("input#hauteur").val($('input#taille_min').val());
			}
			if (parseFloat($("input#hauteur").val()) > parseFloat($('input#taille_max').val())) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
				$("input#hauteur").val($('input#taille_max').val());
			}
			if (message_alerte == 1) {
				alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
			}
			calculePrix($("input#largeur").val(), $("input#hauteur").val(), $("input#id_cadre").val(), $("input#id_ml").val());
			calculeTaille($("input#largeur").val(), $("input#hauteur").val(), $("input#id_cadre").val(), $("input#id_ml").val());
			affichePhotos($("input#id_cadre").val());
			afficheDescription($("input#id_cadre").val());
			afficheConseil($("input#id_cadre").val());
			if ($("input#id_cadre").val() != '0') {
				$("#apercu-encadrement img").attr({src: 'cadre-clic.php?p='+$("input#id_cadre").val()+'&m='+$("input#id_ml").val()+'&u='+$("#inputimage").val()+'&l='+$("input#largeur").val()+'&h='+$("input#hauteur").val()});
			}
			else {
				$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/veuillez-selectionner-une-baguette.png'});
			}
			return false;
		}
	});

	calculePrix($("input#largeur").val(), $("input#hauteur").val(), $("input#id_cadre").val(), $("input#id_ml").val());
	calculeTaille($("input#largeur").val(), $("input#hauteur").val(), $("input#id_cadre").val(), $("input#id_ml").val());
	affichePhotos($("input#id_cadre").val());
	afficheDescription($("input#id_cadre").val());
	afficheConseil($("input#id_cadre").val());
	
	$("#recap-ajout input").mouseover(function(){
		$("div#recap-ajout input").attr('src', 'includes/languages/french/images/buttons/cadre-clic-ajouter-up.png');
		$("div#recap-ajout input").attr('class', 'png');
	}).mouseout(function(){				
		$("div#recap-ajout input").attr('src', 'includes/languages/french/images/buttons/cadre-clic-ajouter.png');
		$("div#recap-ajout input").attr('class', 'png');
	});
	
//	$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif'});
	
	$("img#apercu-cadre-clic").click(function(){
		$("input#largeur").val($("input#largeur").val().replace(',', '.'));
		$("input#hauteur").val($("input#hauteur").val().replace(',', '.'));
		$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif'});
		message_alerte = 0;
		if (parseFloat($("input#largeur").val()) < parseFloat($('input#taille_min').val())) {
			alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
			$("input#largeur").val($('input#taille_min').val());
		}
		if (parseFloat($("input#largeur").val()) > parseFloat($('input#taille_max').val())) {
			alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
			$("input#largeur").val($('input#taille_max').val());
		}
		if (parseFloat($("input#hauteur").val()) < parseFloat($('input#taille_min').val())) {
			alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
			$("input#hauteur").val($('input#taille_min').val());
		}
		if (parseFloat($("input#hauteur").val()) > parseFloat($('input#taille_max').val())) {
			alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
			$("input#hauteur").val($('input#taille_max').val());
		}
		if (message_alerte == 1) {
			alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
		}
		$("input#visu-largeur").val($("input#largeur").val());
		$("input#visu-hauteur").val($("input#hauteur").val());
		
		//alert ($('#parentvisu img').attr('src'));
		if ($('#parentvisu img').attr('src') != '') {
			//modifDimensions();
//			alert($('#apercuvisu').width());
//			alert($('#apercuvisu').height());
//			alert($('#visu').width());
//			alert($('#visu').height());
		}
		$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif'});
		
		calculePrix($("input#largeur").val(), $("input#hauteur").val(), $("input#id_cadre").val(), $("input#id_ml").val());
		calculeTaille($("input#largeur").val(), $("input#hauteur").val(), $("input#id_cadre").val(), $("input#id_ml").val());
		affichePhotos($("input#id_cadre").val());
		afficheDescription($("input#id_cadre").val());
		afficheConseil($("input#id_cadre").val());
		if ($("input#id_cadre").val() != '0') {
			$("#apercu-encadrement img").attr({src: 'cadre-clic.php?p='+$("input#id_cadre").val()+'&m='+$("input#id_ml").val()+'&u='+$("#inputimage").val()+'&l='+$("input#largeur").val()+'&h='+$("input#hauteur").val()});
		}
		else {
			$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/veuillez-selectionner-une-baguette.png'});
		}
	});
	
	$(function() {
		$("#dialog-dimensions").dialog({
			autoOpen: false,
			height: 250,
			width: 450,
			modal: true
		});
	});
	
	$(function() {
		$("#dialog-cadre").dialog({
			autoOpen: false,
			height: 250,
			width: 450,
			modal: true
		});
	});
	
	$(function() {
		$("#dialog-ml").dialog({
			autoOpen: false,
			height: 250,
			width: 450,
			modal: true
		});
	});
	
	$(function() {
		$("#dialog-image").dialog({
			autoOpen: false,
			height: 250,
			width: 450,
			modal: true
		});
	});
	
	$(function() {
		$("#dialog-mur").dialog({
			autoOpen: false,
			height: 250,
			width: 450,
			modal: true
		});
	});
	
	$(function() {
		$("#dialog-options").dialog({
			autoOpen: false,
			height: 600,
			width: 980,
			modal: true
		});
	});
	
	$(function() {
		$("#visu-largeur").val($("#largeur").val());
		$("#visu-hauteur").val($("#hauteur").val());
	});
	
	$("#aide-dimensions").click(function(){
		$("#dialog-dimensions").dialog('open');
	});
	
	$("#aide-cadre").click(function(){
		$("#dialog-cadre").dialog('open');
	});
	
	$("#aide-ml").click(function(){
		$("#dialog-ml").dialog('open');
	});
	
	$("#aide-image").click(function(){
		$("#dialog-image").dialog('open');
	});
	
	$("#aide-mur").click(function(){
		$("#dialog-mur").dialog('open');
	});
	
	$("#options-avancees >img").click(function(){
		$("input#visu-largeur").val($("input#largeur").val().replace(',', '.'));
		$("input#visu-hauteur").val($("input#hauteur").val().replace(',', '.'));
	});
	
	$("#visu").click(function() {
		var curleftvisu = 0;
		var curtopvisu = 0;
		var visu = document.getElementById('visu');
		if (visu.offsetParent) {
			do {
				curleftvisu += visu.offsetLeft;
				curtopvisu += visu.offsetTop;
			}
			while (visu = visu.offsetParent);
		}
		
		var curleftparent = 0;
		var curtopparent = 0;
		var parentvisu = document.getElementById('parentvisu');
		if (parentvisu.offsetParent) {
			do {
				curleftparent += parentvisu.offsetLeft;
				curtopparent += parentvisu.offsetTop;
			}
			while (parentvisu = parentvisu.offsetParent);
		}
		
		var decalagegauche = 0;
		var decalagehaut = 0;
		decalagegauche = curleftvisu - curleftparent;
		decalagehaut = curtopvisu - curtopparent;
		
		$('#visu-decalagegauche').val(decalagegauche);
		$('#visu-decalagehaut').val(decalagehaut);
		$('#visu-largeur-zone').val($('#visu').width());
		$('#visu-hauteur-zone').val($('#visu').height());
		
	});
	
	$(function() {
		$("#visu").draggable({
			containment: '#parentvisu'
		});
	});
	
	$(function() {
		$("#visu").resizable({
			handles: 'n, s, e, w, ne, nw, se, sw',
			maxHeight: 550,
			maxWidth: 550,
			aspectRatio: $("#visu-largeur").val()/$("#visu-hauteur").val()
		});
	});
	
	$(function() {
		$("#slider-rotation").slider({
			orientation: "horizontal",
			range: "min",
			min: -45,
			max: 45,
			value: 0,
			step: 0.5,
			slide: function(event, ui) {
				$("#visu-rotation").val(ui.value);
			}
		});
		$("#visu-rotation").val($("#slider-rotation").slider("value"));
	});
	
	$('input#ajouter-au-panier').click(function() {
		$("input#largeur").val($("input#largeur").val().replace(',', '.'));
		$("input#hauteur").val($("input#hauteur").val().replace(',', '.'));
		if ( ($("input#id_cadre").val() == '0') || ($("input#id_cadre").val() == '') ) {
			alert('Vous devez sélectionner votre cadre pour pouvoir ajouter un cadre-clic au panier.');
			return false;
		}
	});
	
});


$(function(){
	$("select#select-cat-cadre").change(function(){
		$.getJSON("select-cadre.php",{categories_id_cadre: $(this).attr("value"), ajax: 'true'}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("div.dropdownPanel").html(options);
			$(function(){
				$("div.dropdownCell").css("display", "none");
				$("div.dropdownPanel").css("display", "none");
				$("div.dropdownPanel").imgDropDown({title:"Choisissez le cadre"});
				if ($("input#id_cadre").val() != '0') {
					$("#apercu-encadrement img").attr({src: 'cadre-clic.php?p='+$("input#id_cadre").val()+'&m='+$("input#id_ml").val()+'&u='+$("#inputimage").val()+'&l='+$("input#largeur").val()+'&h='+$("input#hauteur").val()});
				}
				else {
					$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/veuillez-selectionner-une-baguette.png'});
				}
			});
		});
	});
});


$(function(){
	$("select#select-cat-ml").change(function(){
		$.getJSON("select-ml.php",{categories_id_ml: $(this).attr("value"), id_cadre: $("input#id_cadre").val(), ajax: 'true'}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("div.dropdownPanelMl").html(options);
			$(function(){
				$("div.dropdownCellMl").css("display", "none");
				$("div.dropdownPanelMl").css("display", "none");
				$("div.dropdownPanelMl").imgDropDownMl({titleml:"Choisissez la marie-louise"});
				if ($("input#id_cadre").val() != '0') {
					$("#apercu-encadrement img").attr({src: 'cadre-clic.php?p='+$("input#id_cadre").val()+'&m='+$("input#id_ml").val()+'&u='+$("#inputimage").val()+'&l='+$("input#largeur").val()+'&h='+$("input#hauteur").val()});
				}
				else {
					$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/veuillez-selectionner-une-baguette.png'});
				}
			});
		});
	});
});


function modifieDimensions() {
	$("input#visu-largeur").val($("input#visu-largeur").val().replace(',', '.'));
	$("input#visu-hauteur").val($("input#visu-hauteur").val().replace(',', '.'));
	$('#tempModifieDimensions').val(1);
	return modifDimensions();
	$('#tempModifieDimensions').val(0);
}


function modifDimensions() {
	taille_min = $('input#taille_min').val();
	taille_max = $('input#taille_max').val();
	message_alerte = 0;
	if (parseFloat($("input#largeur").val()) < parseFloat($('input#taille_min').val())) {
		alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
		$("#visu-largeur").val($('input#taille_min').val());
	}
	if (parseFloat($("input#largeur").val()) > parseFloat($('input#taille_max').val())) {
		alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
		$("#visu-largeur").val($('input#taille_max').val());
	}
	if (parseFloat($("input#hauteur").val()) < parseFloat($('input#taille_min').val())) {
		alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
		$("#visu-hauteur").val($('input#taille_min').val());
	}
	if (parseFloat($("input#hauteur").val()) > parseFloat($('input#taille_max').val())) {
		alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
		$("#visu-hauteur").val($('input#taille_max').val());
	}
	if (message_alerte == 1) {
		alert('Vous devez saisir des côtes comprises entre '+$('input#taille_min').val()+' cm et '+$('input#taille_max').val()+' cm.\n\nAu delà, contactez-nous pour une demande spécifique.');
	}
	$("#largeur").val($("#visu-largeur").val());
	$("#hauteur").val($("#visu-hauteur").val());
	if (($("#resultataffichevisu").val() == '') && ($('#tempModifieDimensions').val() != '')) {
		alert('Vous devez télécharger une photo ou une image inanimée pour pouvoir modifier les dimensions de la sélection.');
	}
	else {
//		if ( ($('#visu').width() < 1) && ($('#visu').height() < 1) ) {
		var largeurmax = $("#parentvisu img").width();
		var hauteurmax = $("#parentvisu img").height();
		var aspectratio = $("#visu-largeur").val()/$("#visu-hauteur").val();
		var ratioZone = aspectratio;
		var ratioImage = $("#parentvisu img").width()/$("#parentvisu img").height();
		if (ratioImage < 1) {
			$('#parentvisu').css('width', $("#parentvisu img").width());
			$('#visu').resizable('option', 'containment', $("#parentvisu"));
			$('#visu').resizable('option', 'maxWidth', $("#parentvisu img").width());
			$('#visu').resizable('option', 'maxHeight', $("#parentvisu img").height());
			$('#visu').resizable('option', 'aspectRatio', aspectratio);
			// on ajuste la dimension du carré de sélection s'il n'est pas déjà défini
			if (($('#visu').width() > 0) && ($('#visu').height() > 0) && ($("#parentvisu img").attr('src') != '../images/interface/vide.png') && ($('#tempModifieDimensions').val() == 0)) {
				$('#visu').attr('style', 'width: '+$('#visu').width()+'px; height: '+$('#visu').height()+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; margin-left: '+$('#visu-decalagegauche').val()+'px; margin-top: '+$('#visu-decalagehaut').val()+'px; ');
			}
			else if (ratioZone < ratioImage) {
				$('#visu').attr('style', 'width: '+Math.ceil($("#parentvisu img").height() * ratioZone)+'px; height: '+$("#parentvisu img").height()+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
			}
			else {
				$('#visu').attr('style', 'width: '+$("#parentvisu img").width()+'px; height: '+Math.ceil($("#parentvisu img").width() / ratioZone)+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
			}
		}
		else {
			$('#visu').resizable('option', 'containment', $("#parentvisu"));
			$('#visu').resizable('option', 'maxWidth', $("#parentvisu img").width());
			$('#visu').resizable('option', 'maxHeight', $("#parentvisu img").height());
			$('#visu').resizable('option', 'aspectRatio', aspectratio);
			// on ajuste la dimension du carré de sélection s'il n'est pas déjà défini
			if (($('#visu').width() > 0) && ($('#visu').height() > 0) && ($("#parentvisu img").attr('src') != '../images/interface/vide.png') && ($('#tempModifieDimensions').val() == 0)) {
				$('#visu').attr('style', 'width: '+$('#visu').width()+'px; height: '+$('#visu').height()+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; margin-left: '+$('#visu-decalagegauche').val()+'px; margin-top: '+$('#visu-decalagehaut').val()+'px; ');
			}
			else if (ratioZone < ratioImage) {
				$('#visu').attr('style', 'width: '+Math.ceil($("#parentvisu img").height() * ratioZone)+'px; height: '+$("#parentvisu img").height()+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
				largeurvisu = Math.ceil($("#parentvisu img").height() * ratioZone);
				hauteurvisu = $("#parentvisu img").height();
			}
			else {
				$('#visu').attr('style', 'width: '+$("#parentvisu img").width()+'px; height: '+Math.ceil($("#parentvisu img").width() / ratioZone)+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
				largeurvisu = $("#parentvisu img").width();
				hauteurvisu = Math.ceil($("#parentvisu img").width() / ratioZone);
			}
		}
		$('#visu-largeur-zone').val($('#visu').width());
		$('#visu-hauteur-zone').val($('#visu').height());
	//	}
	}
	$('#tempModifieDimensions').val(0);
}


function ajaxFileUpload() {
	var temp = $("#cadre-image").attr('value');
	if (temp == '') {
		alert('Veuillez télécharger un fichier image ou une photo.');
	}
	else {
		$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif'});
		$.ajaxFileUpload({
				url:'doajaxfileupload.php',
				secureuri:false,
				fileElementId:'cadre-image',
				dataType: 'json',
				success: function (data, status) {
					if(typeof(data.error) != 'undefined') {
						if(data.error != '') {
							alert(data.error);
						}
						else {
							var resultatimage = data.msg;
							$("#resultataffiche").text(resultatimage);
							$("#inputimage").val(resultatimage);
							if ($("input#id_cadre").val() != '0') {
								$("#apercu-encadrement img").attr({src: 'cadre-clic.php?p='+$("input#id_cadre").val()+'&m='+$("input#id_ml").val()+'&u='+$("#inputimage").val()+'&l='+$("input#largeur").val()+'&h='+$("input#hauteur").val()});
							}
							else {
								$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/veuillez-selectionner-une-baguette.png'});
							}
						}
					}
				},
				error: function (data, status, e){
					alert(e);
				}
		})
		return false;
	}	
}


function ajaxFileUploadVisu(etat) {
	$("input#largeur").val($("input#largeur").val().replace(',', '.'));
	$("input#hauteur").val($("input#hauteur").val().replace(',', '.'));
	var temp = $("#cadre-image-visu").attr('value');
	if (temp == '') {
		alert('Veuillez télécharger un fichier image ou une photo.');
	}
	else {
		$("#parentvisu img").attr({src: 'http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif'});
		if (etat == 0) {
			$("#visu-rotation").val('0');
			$('#texte-rotation').text('l\'image');
		}
		$.ajaxFileUpload({
				url:'doajaxfileuploadvisu.php?r='+$('#visu-rotation').val(),
				secureuri:false,
				fileElementId:'cadre-image-visu',
				dataType: 'json',
				success: function (data, status) {
					if(typeof(data.error) != 'undefined') {
						if(data.error != '') {
							alert(data.error);
						}
						else {
							var resultatimage = data.msg;
							var largeurvisu = 0;
							var hauteurvisu = 0;
							$("#resultataffichevisu").val(resultatimage);
							$("#inputimagevisu").val(resultatimage);
							$("#parentvisu img").attr({src: $("#inputimagevisu").val()});
							$("#parentvisu img").load(function(){
								$('#options-cachees').attr('style', 'display: block;');
								var largeurmax = $("#parentvisu img").width();
								var hauteurmax = $("#parentvisu img").height();
								var aspectratio = $("#visu-largeur").val()/$("#visu-hauteur").val();
								var ratioZone = aspectratio;
								var ratioImage = $("#parentvisu img").width()/$("#parentvisu img").height();
								if (ratioImage < 1) {
									$('#parentvisu').css('width', $("#parentvisu img").width());
									$('#visu').resizable('option', 'containment', $("#parentvisu"));
									$('#visu').resizable('option', 'maxWidth', $("#parentvisu img").width());
									$('#visu').resizable('option', 'maxHeight', $("#parentvisu img").height());
									$('#visu').resizable('option', 'aspectRatio', aspectratio);
									// on ajuste la dimension du carré de sélection
									if (ratioZone < ratioImage) {
										$('#visu').attr('style', 'width: '+Math.ceil($("#parentvisu img").height() * ratioZone)+'px; height: '+$("#parentvisu img").height()+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
									}
									else {
										$('#visu').attr('style', 'width: '+$("#parentvisu img").width()+'px; height: '+Math.ceil($("#parentvisu img").width() / ratioZone)+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
									}
								}
								else {
									$('#visu').resizable('option', 'containment', $("#parentvisu"));
									$('#visu').resizable('option', 'maxWidth', $("#parentvisu img").width());
									$('#visu').resizable('option', 'maxHeight', $("#parentvisu img").height());
									$('#visu').resizable('option', 'aspectRatio', aspectratio);
									// on ajuste la dimension du carré de sélection
									if (ratioZone < ratioImage) {
										$('#visu').attr('style', 'width: '+Math.ceil($("#parentvisu img").height() * ratioZone)+'px; height: '+$("#parentvisu img").height()+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
										largeurvisu = Math.ceil($("#parentvisu img").height() * ratioZone);
										hauteurvisu = $("#parentvisu img").height();
									}
									else {
										$('#visu').attr('style', 'width: '+$("#parentvisu img").width()+'px; height: '+Math.ceil($("#parentvisu img").width() / ratioZone)+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
										largeurvisu = $("#parentvisu img").width();
										hauteurvisu = Math.ceil($("#parentvisu img").width() / ratioZone);
									}
								}
							});
						}
					}
				},
				error: function (data, status, e){
					alert(e);
				}
			}
		)
		return false;
	}	
}


//function rotationImage(angle, image){
//	$.ajax({
//		type: "get",
//		url: "rotationimage.php",
//		data: "a="+angle+"&i="+image,
//		success: function(msg){
//			$("#apercu-visu").attr('src', msg);
//		}
//	 });
// }



function ajaxFileUploadVisuRotate() {
	var temp = $("#resultataffichevisu").val();
	if (temp == '') {
		alert('Veuillez télécharger un fichier image ou une photo.');
	}
	else {
		$("#parentvisu img").attr({src: 'http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif'});
		$.ajaxFileUpload({
				url:'doajaxfileuploadvisurotate.php?r='+$('#visu-rotation').val(),
				secureuri:false,
				fileElementId:'cadre-image-visu',
				dataType: 'json',
				success: function (data, status) {
					if(typeof(data.error) != 'undefined') {
						if(data.error != '') {
							alert(data.error);
						}
						else {
							var resultatimage = data.msg;
							var largeurvisu = 0;
							var hauteurvisu = 0;
							$("#resultataffichevisu").val(resultatimage);
							$("#inputimagevisu").val(resultatimage);
							$("#parentvisu img").attr({src: $("#inputimagevisu").val()});
							$("#parentvisu img").load(function(){
								$('#options-cachees').attr('style', 'display: block;');
								var largeurmax = $("#parentvisu img").width();
								var hauteurmax = $("#parentvisu img").height();
								var aspectratio = $("#visu-largeur").val()/$("#visu-hauteur").val();
								var ratioZone = aspectratio;
								var ratioImage = $("#parentvisu img").width()/$("#parentvisu img").height();
								if (ratioImage < 1) {
									$('#parentvisu').css('width', $("#parentvisu img").width());
									$('#visu').resizable('option', 'containment', $("#parentvisu"));
									$('#visu').resizable('option', 'maxWidth', $("#parentvisu img").width());
									$('#visu').resizable('option', 'maxHeight', $("#parentvisu img").height());
									$('#visu').resizable('option', 'aspectRatio', aspectratio);
									// on ajuste la dimension du carré de sélection
									if (ratioZone < ratioImage) {
										$('#visu').attr('style', 'width: '+Math.ceil($("#parentvisu img").height() * ratioZone)+'px; height: '+$("#parentvisu img").height()+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
									}
									else {
										$('#visu').attr('style', 'width: '+$("#parentvisu img").width()+'px; height: '+Math.ceil($("#parentvisu img").width() / ratioZone)+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
									}
								}
								else {
									$('#visu').resizable('option', 'containment', $("#parentvisu"));
									$('#visu').resizable('option', 'maxWidth', $("#parentvisu img").width());
									$('#visu').resizable('option', 'maxHeight', $("#parentvisu img").height());
									$('#visu').resizable('option', 'aspectRatio', aspectratio);
									// on ajuste la dimension du carré de sélection
									if (ratioZone < ratioImage) {
										$('#visu').attr('style', 'width: '+Math.ceil($("#parentvisu img").height() * ratioZone)+'px; height: '+$("#parentvisu img").height()+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
										largeurvisu = Math.ceil($("#parentvisu img").height() * ratioZone);
										hauteurvisu = $("#parentvisu img").height();
									}
									else {
										$('#visu').attr('style', 'width: '+$("#parentvisu img").width()+'px; height: '+Math.ceil($("#parentvisu img").width() / ratioZone)+'px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 10000; background: white; cursor: move; ');
										largeurvisu = $("#parentvisu img").width();
										hauteurvisu = Math.ceil($("#parentvisu img").width() / ratioZone);
									}
								}
							});
						}
					}
				},
				error: function (data, status, e){
					alert(e);
				}
			}
		)
		return false;
	}	
}


function ajaxFileUploadVisuEnvoi() {
	var largeurzone = $('#visu').width();
	var hauteurzone = $('#visu').height();
	$("#dialog-options").dialog('close');
	var temp = $("#resultataffichevisu").val();
	if (temp == '') {
		alert('Veuillez télécharger un fichier image ou une photo.');
	}
	else {
		$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/lightbox-ico-loading.gif'});
		$.ajaxFileUpload({
				url:'doajaxfileuploadvisuenvoi.php?a='+$('#visu-decalagegauche').val()+'&b='+$('#visu-decalagehaut').val()+'&c='+largeurzone+'&d='+hauteurzone+'&e='+$('#visu-rotation').val()+'&f='+$('#visu-largeur').val()+'&g='+$('#visu-hauteur').val(),
				secureuri:false,
				fileElementId:'cadre-image-visu',
				dataType: 'json',
				success: function (data, status) {
					if(typeof(data.error) != 'undefined') {
						if(data.error != '') {
							alert(data.error);
						}
						else {
							var resultatimage = data.msg;
							$("#resultataffiche").text(resultatimage);
							$("#inputimage").val(resultatimage);
							if ($("input#id_cadre").val() != '0') {
								$("#apercu-encadrement img").attr({src: 'cadre-clic.php?p='+$("input#id_cadre").val()+'&m='+$("input#id_ml").val()+'&u='+$("#inputimage").val()+'&l='+$("input#largeur").val()+'&h='+$("input#hauteur").val()});
							}
							else {
								$("#apercu-encadrement img").attr({src: 'http://www.cadres-sernesi.fr/images/veuillez-selectionner-une-baguette.png'});
							}
						}
					}
				},
				error: function (data, status, e){
					alert(data+'  -  '+status+'  -  '+e);
				}
			}
		)
		return false;
	}	
}


$(document).ready(function() {$('#colorpicker').farbtastic('#color');});
	//--><!]]>