$(document).ready(function(){$('#upload-image-form').attr('target','upload-image-frame');$('#upload-image-form').after('<iframe src="#" name="upload-image-frame" id="upload-image-frame"></iframe>');$('#upload-cadre-form').attr('target','upload-cadre-frame');$('#upload-cadre-form').after('<iframe src="#" name="upload-cadre-frame" id="upload-cadre-frame"></iframe>');$('.cadrestabs').click(function(){$('#global-frame-in').show();$('#upload-cadre-in').hide();$('#global-frame-span span.current').removeClass('current');$(this).addClass('current');$.ajax({type:'POST',url:'includes/ajax.php',data:'id='+$(this).attr('id')+'&type=frame',success:function(msg){$('#global-frame-in').html(msg)}})});$('.imagestabs').click(function(){$('#global-image-in').show();$('#upload-image-in').hide();$('#global-image-span span.current').removeClass('current');$(this).addClass('current');$.ajax({type:'POST',url:'includes/ajax.php',data:'id='+$(this).attr('id')+'&type=image',success:function(msg){$('#global-image-in').html(msg)}})});$('#upload-tab-image').click(function(){$('#global-image-span span.current').removeClass('current');$('#upload-tab-image').addClass('current');$('#global-image-in').hide();$('#upload-image-in').show();$('#upload-image-error').hide()});$('#upload-tab-cadre').click(function(){$('#global-frame-span span.current').removeClass('current');$('#upload-tab-cadre').addClass('current');$('#global-frame-in').hide();$('#upload-cadre-in').show();$('#upload-cadre-error').hide()});$('#date').datePicker({clickInput:true});$('#texte-haut-color').ColorPicker({onSubmit:function(hsb,hex,rgb,el){$(el).val(hex);$(el).ColorPickerHide();$('#texte-haut-color-value').val(hex)},color:$('#texte-haut-color-value').val(),onShow:function(colpkr){$(colpkr).fadeIn(500);return false},onHide:function(colpkr){$(colpkr).fadeOut(500);return false},onChange:function(hsb,hex,rgb){$('#texte-haut-color .colored').css('backgroundColor','#'+hex);$('#texte-haut-color-value').val(hex)}});$('#texte-bas-color').ColorPicker({onSubmit:function(hsb,hex,rgb,el){$(el).val(hex);$(el).ColorPickerHide();$('#texte-bas-color-value').val(hex)},color:$('#texte-bas-color-value').val(),onShow:function(colpkr){$(colpkr).fadeIn(500);return false},onHide:function(colpkr){$(colpkr).fadeOut(500);return false},onChange:function(hsb,hex,rgb){$('#texte-bas-color .colored').css('backgroundColor','#'+hex);$('#texte-bas-color-value').val(hex)}});$('#upload-image-submit').live('click',function(){$('#upload-image-loader').show()});$('#upload-cadre-submit').live('click',function(){$('#upload-cadre-loader').show()});$('#cards-preview').click(function(){if(!check_etape1()){preview()}});$('#cards-submit').click(function(){if(!check_etape1()){preview();$('#global-frame').hide(0);$('#global-image').hide(0);$('#cards-form').hide(0);$('#send-form').show(0)}});$('#global-frame #global-frame-in img, #global-image #global-image-in img').click(function(){if(!check_etape1()){preview()}});$('#form-return').click(function(){$('#global-frame').show(0);$('#global-image').show(0);$('#cards-form').show(0);$('#send-form').hide(0)});$('#form-submit').click(function(){var erreur=false;$('#from-mail').css('border','1px solid #969696');$('#to-mail').css('border','1px solid #969696');$('#date').css('border','1px solid #969696');if($('#from-mail').val()==''){$('#from-mail').css('border','1px dashed #ff0000');var erreur=true}if($('#to-mail').val()==''){$('#to-mail').css('border','1px dashed #ff0000');var erreur=true}if($('#date').val()==''){$('#date').css('border','1px dashed #ff0000');var erreur=true}if(!erreur){$.ajax({type:'POST',url:'includes/ajax.php',data:'type=POST_CARDS&th='+$('#texte-haut').val()+'&tb='+$('#texte-bas').val()+'&thc='+$('#texte-haut-color-value').val()+'&tbc='+$('#texte-bas-color-value').val()+'&ft='+$('#texte-police').val()+'&st='+$('#texte-style').val()+'&ca='+$('#cadre').val()+'&im='+$('#image').val()+'&fm='+$('#from-mail').val()+'&tm='+$('#to-mail').val()+'&msg='+$('#message-mail').val().replace("\n",'<br />')+'&d='+$('#date').val()+'&h='+$('#heure').val()+'&m='+$('#minutes').val()+'&iup='+$('#upload-image-output').attr('src')+'&icx='+$('#cursor-image').attr('coordx')+'&icy='+$('#cursor-image').attr('coordy')+'&cup='+$('#upload-cadre-output').attr('src')+'&ccx='+$('#cursor-cadre').attr('coordx')+'&ccy='+$('#cursor-cadre').attr('coordy'),success:function(msg){if(msg=='OK'){$('#send-final').html('<p>Félicitation, la carte a bien été crée ! Elle sera envoyé à <strong>'+$('#to-mail').val()+'</strong> le <strong>'+$('#date').val()+'</strong> à <strong>'+twonumbers($('#heure').val())+':'+twonumbers($('#minutes').val())+'</strong>.</p><p>Une copie de l\'email envoyé vous sera transmis à la date d\'envoie.</p><p>Nous vous remerçions de l\'utilisation du service Easy-Cards !</p>');$('#send-form').hide();$('#preview').hide()}else{erreurs=msg.split('|');msg_erreur='<ul>';for(e=0;e<erreurs.length;++e)msg_erreur+='<li>'+erreurs[e]+'</li>';msg_erreur+='</ul>';$('#send-error').html(msg_erreur)}}})}})});var dragged_image=null;var dragged_cadre=null;function uploadEnd(error,imagepath,type){if(error==='OK'){$('#upload-'+type+'-output').attr({src:imagepath});$('#upload-'+type+'-output').show();$('#upload-'+type+'-error').hide();$('#upload-'+type+'-error').html('');$('#'+type).val('_upload_');$('#img-'+type+'-preview').attr('src','miniatures.html?i='+imagepath+'&w=50&h=40&f');if(type=='image'){size={height:346,width:345}}else{size={height:420,width:520}}initCursor('upload-'+type+'-output',type,size)}else{$('#cursor-'+type).hide();$('#upload-'+type+'-error').show();$('#upload-'+type+'-output').hide();$('#upload-'+type+'-file').attr({value:''});switch(error){case'INPUT_ERROR':$('#upload-'+type+'-error').html('Veuillez vérifier votre fichier.');break;case'UPLOAD_FAILED':$('#upload-'+type+'-error').html('Erreur lors de l\'upload.');break;case'BAD_MIME_TYPE':$('#upload-'+type+'-error').html('Seul les fichier de type PNG, JPG et GIF sont autorisés.');break}}$('#upload-'+type+'-loader').hide();$('#upload-'+type+'-file').attr({value:''})}function getCoordinates(o){var x=0,y=0;conteneur=$('#'+o.id).offset();return{x:(conteneur.left-($('#'+o.id).parent().offset().left)),y:(conteneur.top-($('#'+o.id).parent().offset().top))}}function initCursor(targetId,type,cursorS){var target=document.getElementById(targetId);var cursor=document.getElementById('cursor-'+type);targetCoords=getCoordinates(target);cursorHeight=cursorS.height;cursorWidth=cursorS.width;var refImage=new Image;refImage.src=target.src;refImage.onload=function(){if(refImage.width<400||refImage.height<400){return}if(type=='image'){margin_image={top:targetCoords.y,right:targetCoords.x+refImage.width,bottom:targetCoords.y+refImage.height,left:targetCoords.x}}else if(type=='cadre'){margin_cadre={top:targetCoords.y,right:targetCoords.x+refImage.width,bottom:targetCoords.y+refImage.height,left:targetCoords.x}}cursor.style.left=targetCoords.x+'px';cursor.style.top=targetCoords.y+'px';cursor.style.display='block'}}function dragStartImage(objet,event){dragged_image=objet;event.returnValue=false;if(event.preventDefault){event.preventDefault()}var x=event.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);var y=event.clientY+(document.body.scrollTop||document.documentElement.scrollTop);var c=getCoordinates(objet);dX=x-c.x;dY=y-c.y}function dragStartCadre(objet,event){dragged_cadre=objet;event.returnValue=false;if(event.preventDefault){event.preventDefault()}var x=event.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);var y=event.clientY+(document.body.scrollTop||document.documentElement.scrollTop);var c=getCoordinates(objet);dX=x-c.x;dY=y-c.y}function dragMove(event){if(dragged_image){var x=event.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);var y=event.clientY+(document.body.scrollTop||document.documentElement.scrollTop);x-=dX;y-=dY;if(x+cursorWidth>margin_image.right||y+cursorHeight>margin_image.bottom||x<margin_image.left||y<margin_image.top){return}dragged_image.style.left=x+'px';dragged_image.style.top=y+'px';x-=targetCoords.x;y-=targetCoords.y;dragged_image.setAttribute('coordX',x);dragged_image.setAttribute('coordY',y);if($('#image').val()!='_upload_'){$('#image').val('_upload_')}}if(dragged_cadre){var x=event.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);var y=event.clientY+(document.body.scrollTop||document.documentElement.scrollTop);x-=dX;y-=dY;if(x+cursorWidth>margin_cadre.right||y+cursorHeight>margin_cadre.bottom||x<margin_cadre.left||y<margin_cadre.top){return}dragged_cadre.style.left=x+'px';dragged_cadre.style.top=y+'px';x-=targetCoords.x;y-=targetCoords.y;dragged_cadre.setAttribute('coordX',x);dragged_cadre.setAttribute('coordY',y);if($('#cadre').val()!='_upload_'){$('#cadre').val('_upload_')}}}function dragStop(event){dragged_image=null;dragged_cadre=null}function addEvent(obj,event,fct){if(obj.attachEvent){obj.attachEvent('on'+event,fct)}else{obj.addEventListener(event,fct,true)}}function preview(){$('#preview-img').attr('src','');$('#preview-img').attr({src:'image.php?frame='+$('#cadre').val()+'&image='+$('#image').val()+'&th='+$('#texte-haut').val()+'&tb='+$('#texte-bas').val()+'&ft='+$('#texte-police').val()+'&thc='+$('#texte-haut-color-value').val()+'&tbc='+$('#texte-bas-color-value').val()+'&ts='+$('#texte-style').val()+'&iup='+$('#upload-image-output').attr('src')+'&icx='+$('#cursor-image').attr('coordx')+'&icy='+$('#cursor-image').attr('coordy')+'&cup='+$('#upload-cadre-output').attr('src')+'&ccx='+$('#cursor-cadre').attr('coordx')+'&ccy='+$('#cursor-cadre').attr('coordy')})}function check_etape1(){var erreur=false;$('#texte-haut').css('border','1px solid #969696');$('#texte-bas').css('border','1px solid #969696');$('#img-cadre-preview').css('border','1px dashed #999999');$('#img-image-preview').css('border','1px dashed #999999');if($('#texte-haut').val()==''){$('#texte-haut').css('border','1px dashed #ff0000');erreur=true}if($('#texte-bas').val()==''){$('#texte-bas').css('border','1px dashed #ff0000');erreur=true}if($('#cadre').val()==''){$('#img-cadre-preview').css('border','1px dashed #ff0000');erreur=true}if($('#image').val()==''){$('#img-image-preview').css('border','1px dashed #ff0000');erreur=true}return erreur}function twonumbers(val){return(val.length==1)?'0'+val:val}addEvent(document,'mousemove',dragMove);addEvent(document,'mouseup',dragStop);