/* Upload photo handler */


var subscr={
	_Init:function(){
        
		this.upLoad._Init();
        this.cp._Init();
        
	}
    
    ,cp:{
		_Init:function(){
			subscr.cp.datas={};
            
			// comportement du select
			$("pays").addEvent("change",function(e){
				var e=new Event(e);
				var value=$("pays").value;
				//si valeur par défaut
				if(value=="0"){
					//$("cacheCp").removeClass("displayNone");
					$("drouleCp").disabled="disabled";
					$("drouleCp").value=lang.front["drouleCp"];
					$("updCP").innerHTML="";
				}else{ // sinon
					//$("cacheCp").addClass("displayNone");
					$("drouleCp").disabled="";
					$("drouleCp").value=lang.front["drouleCp"];
					$("updCP").innerHTML="";
				}
			});
            
			// comportement du champ texte
			$("drouleCp").addEvent("keypress", function(e){
				var monForm=ydyleForm._Init("#inscriptForm");
				var e=new Event(e);
				var el=e.target;
				var cpToSearch=el.value+String.fromCharCode(e.code);

				$("drouleCp").setAttribute("maxlength", (cpToSearch!=lang.front["drouleCp"]) ? "8" : ""+lang.front["drouleCp"].length+"");
				if(subscr.cp.myTimer){subscr.cp.myTimer = $clear(subscr.cp.myTimer);}
				if(cpToSearch.length>=3){
					subscr.cp.myTimer = subscr.cp._RequestCp.delay(500, el); //wait 2 seconds and execute my function.
				}else{	
					$("updCP").innerHTML="";
				}
				e.stopPropagation();
			});

			$("drouleCp").addEvent("focus", function(e){
				var e=new Event(e);
				var el=e.target;

				($("drouleCp").value==lang.front["drouleCp"]) ? $("drouleCp").value="" : $("drouleCp").select() ;
				$("drouleCp").maxlength="8";
				e.stopPropagation();
			});

			$("drouleCp").addEvent("blur", function(e){
				var e=new Event(e);
				var el=e.target;
				if($("drouleCp").value==lang.front["drouleCp"] || $("drouleCp").value.clean()==""){
					$("drouleCp").maxlength=lang.front["drouleCp"].length;
					$("drouleCp").value=lang.front["drouleCp"];
				}
				e.stopPropagation();
			});
            
           
			
			//comportements si les éléments sont préremplis
			var monForm=ydyleForm._Init("#inscriptForm");
			// si le select n'a pas la valeur par défaut
			if(monForm.formValues.pays!="0"){
				//$("cacheCp").addClass("displayNone");
				$("drouleCp").disabled="";
				// si le champ cp n'a pas la valeur par défaut
				if(monForm.formValues.drouleCp != lang.front["drouleCp"]){
					//subscr.cp._RequestCp();
				}
			}
		}
		,_RequestCp:function(){
			var monForm=ydyleForm._Init("#inscriptForm");
			if($type(subscr.cp.datas[monForm.formValues.pays]) == false){
				subscr.cp.datas[monForm.formValues.pays]={};
			}
			if($type(subscr.cp.datas[monForm.formValues.pays][monForm.formValues.drouleCp])==false){
				var maData={zipcode:monForm.formValues.drouleCp, iso_code:monForm.formValues.pays, lang:lang.currentLang};
				var getLog = new Ajax("http://www.ydyle.com/modules/home/inscription/_getCity_zipcode_country.php", {
					method: 'post'
					, data: maData
					,onSuccess:function(responseText){
						subscr.cp.datas[monForm.formValues.pays][monForm.formValues.drouleCp]=responseText;
						subscr.cp._CompleteRequestCp(subscr.cp.datas[monForm.formValues.pays][monForm.formValues.drouleCp]);
					}
				}).request();
			}else{
				subscr.cp._CompleteRequestCp(subscr.cp.datas[monForm.formValues.pays][monForm.formValues.drouleCp]);
			}
		}
		,_CompleteRequestCp:function(responseText){
			$E("#updCP").innerHTML=responseText;
		}
	}
    
    ,upLoad:{
		_Init:function(){
			// Initialisation de l'upload
			subscr.upLoad.upPict._Init();
			// comportement de rotation
			$("rotatePhoto").addEvent("click",function(e){
				var e=new Event(e).stop();
				subscr.upLoad.upPict._RotatePict();
			});
			
			// inclusion du swf
			/*
			var so = new SWFObject("http://www.ydyle.com/medias/swf/test_swf_plugin.swf", "swfTextPlugin", "214", "137", "9", "#FFFFFF");
			so.useExpressInstall("http://www.ydyle.com/medias/swf/expressinstall.swf");
			so.setAttribute("xiRedirectUrl", "http://www.ydyle.com/modules/home/inscription/etape6.php");
			so.addParam("wmode", "transparent");
			so.write("testFlash");
			*/
			// variables par défaut
			/*
			subscr.upLoad.upPict={}
			subscr.upLoad.upPict.drag="";
			subscr.upLoad.upPict.objectRequest={};
			subscr.upload.upPict={}
			subscr.upload.drag="";
			subscr.upload.objectRequest={};
			*/
		}
		,upPict:{
			drag:""
			,objectRequest:{}
			,_UploadFileComplete:function(file){
				var maData={
			    	file:"http://files.ydyle.com/modules/home/inscription/_upload_avatar.php?ses_inscr=o2du7pod3ui9lcqb42rvrmg0c0&id_avatar="+file.id+"&lang="+lang.currentLang
			        , id_avatar:file.id
			        , lang:lang.currentLang
			    };
				var getLog = new Ajax("http://www.ydyle.com/read_file.php",{
					data: maData
					,method: 'post'
					,onSuccess:function(responseText){
						subscr.upLoad.upPict.objectRequest=Json.evaluate(responseText);
						if(subscr.upLoad.upPict.objectRequest.response=="ok"){
							$E(".photoCanevas").style.cursor="move";
							
							$E(".photoCanevas img").style.left="3px";
							$E(".photoCanevas img").style.top="3px";
							
							$("posAvatar").value='{"posSubs":{"top":"'+$E(".photoCanevas img").style.top+'","left": "'+$E(".photoCanevas img").style.left+'","position":"absolute"}, "posStand":{"top":"9px","left":"12px","position":"absolute"}}';
							
							$E(".photoCanevas img").className="displayBlock";
							$E(".photoCanevas img").setAttribute("src", subscr.upLoad.upPict.objectRequest.url);
							$E(".photoCanevas img").width=subscr.upLoad.upPict.objectRequest.width;
							$E(".photoCanevas img").height=subscr.upLoad.upPict.objectRequest.height;
							$("urlAvatar").value=subscr.upLoad.upPict.objectRequest.url;
							subscr.upLoad.upPict._InitDrag();
							$("rotatePhoto").removeClass("visibilityHidden");
						}else if(subscr.upLoad.upPict.objectRequest.response=="ko"){
							$("errorUpload").append(htmlConstruct._SetNode("p", {}, subscr.upLoad.upPict.objectRequest.msg));
							(function(){subscr.upLoad.upPict.objectRequest.url;}).delay(1000);
						}
					}
				}).request();
			}
			,_Init:function(){
				subscr.upLoad.upPict._InitDrag();
				subscr.upLoad.upPict.tabError=new Array();
				subscr.upLoad.swfu = new SWFUpload({
					// Backend Settings
					upload_url: "http://files.ydyle.com/modules/home/inscription/_upload_avatar.php?ses_inscr=o2du7pod3ui9lcqb42rvrmg0c0",	// Relative to the SWF file
					movieName:"swfuName",
					// File Upload Settings
					file_size_limit : "16384",//"16384",	// 16MB
					file_types : "*.jpg;*.gif;*.png;*.jpeg",
					file_types_description : "JPG, GIF or PNG Images",
					file_upload_limit : "0",
					// Event Handler Settings - these functions as defined in Handlers.js
					// The handlers are not part of SWFUpload but are part of my website and control how
					// my website reacts to the SWFUpload events.

					file_dialog_complete_handler : fileDialogComplete,
					file_queue_error_handler : fileQueueError,
					upload_error_handler : uploadError,
					upload_progress_handler : uploadProgress,
					upload_success_handler : uploadSuccess,
					upload_complete_handler : uploadComplete,

					prevent_swf_caching : true,

					// Flash Settings
					flash_url: "http://files.ydyle.com/medias/swf/swfupload.swf",	// Relative to this file


					// Button Settings
					//button_image_url : "../applicationdemo/images/SmallSpyGlassWithTransperancy_17x18.png",	// Relative to the SWF file
					button_placeholder_id : "containtBrowsPictSpan",
					button_width: 170,
					button_height: 20,
					button_text : '<span class="containtBrowsPict"><span><u>Ajouter une photo</u></span></span>',
					button_text_style : '.containtBrowsPict { display: block; text-align: center;font-family: \"Trebuchet MS\", sansSerif; font-size: 14px; color: #FD3489; font-weight:bold}',// span span{border: solid 1px #F00;  background-color: #F0F}
					button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
					button_cursor: SWFUpload.CURSOR.HAND,

					customSettings:{
						upload_target:'ulUpload'
					},

					// Debug Settings
					debug: false
				});
				/*
				$E("#btParcourirPhoto a").addEvent("click",function(e){
					var e = new Event(e);
					e.stop();
					etpSix.swfu.selectFile();
				});
				*/
			}
			,_UploadFileStart:function(){
				if(subscr.upLoad.upPict.drag!=""){
					subscr.upLoad.upPict.drag.detach();
					subscr.upLoad.upPict.objectRequest={};
				}
				$E(".photoCanevas img").className="displayNone";
			}
			,_InitDrag:function(){
				if($E(".photoCanevas img").getSize().size.x>83 || $E(".photoCanevas img").getSize().size.y>83 || $E(".photoCanevas img").width.toInt()>83 || $E(".photoCanevas img").height.toInt()>83){
					$E(".photoCanevas").style.cursor="move";
					if($type($E(".photoCanevas img").width)!=false){
						var elemWidth= $E(".photoCanevas img").width;
					}else{
						var elemWidth= $E(".photoCanevas img").width=$E(".photoCanevas img").getSize().size.x;
					}
					if($type($E(".photoCanevas img").height)!=false){
						var elemHeight= $E(".photoCanevas img").height;
					}else{
						var elemHeight= $E(".photoCanevas img").height=$E(".photoCanevas img").getSize().size.y;
					}

					$E(".photoCanevas img").className="displayBlock";
					if($type(subscr.upLoad.upPict.drag)!=false){
						delete(subscr.upLoad.upPict.drag);
						subscr.upLoad.upPict.drag={};
						$E(".photoCanevas").removeEvents();
						$E(".photoCanevas img").removeEvents();
					}

					subscr.upLoad.upPict.drag=new Drag.Move($E(".photoCanevas img"), {
						handle: $E(".photoCanevas")
						,limit:{x:[(($E(".photoCanevas img").width.toInt()==83) ? 3 : (ydyle._GetParentByClass($E(".photoCanevas img"), "photoCanevas").getSize().size.x - $E(".photoCanevas img").width.toInt())) ,3],y:[(($E(".photoCanevas img").height.toInt()==83) ? 3 : (ydyle._GetParentByClass($E(".photoCanevas img"), "photoCanevas").getSize().size.y - $E(".photoCanevas img").height.toInt()) ),3]}
						,onComplete:function(){
							$("posAvatar").value='{"posSubs":{"top": "'+this.element.style.top+'", "left": "'+this.element.style.left+'", "position":"absolute"}, "posStand":{"top":"'+(this.element.style.top.toInt()+6)+'px", "left": "'+(this.element.style.left.toInt()+9)+'px", "position":"absolute"}}';
						}
					});
				}
			}
			,_RotatePict:function(){
				// variables à utiliser.
				var height = $E(".photoCanevas img").height.toInt();
				var width = $E(".photoCanevas img").width.toInt();
				var src = ($E(".photoCanevas img").src.indexOf("?") != -1) ? $E(".photoCanevas img").src.replace($E(".photoCanevas img").src.substring($E(".photoCanevas img").src.indexOf("?")),"") : $E(".photoCanevas img").src ;
				subscr.upLoad.upPict.requestRotatePict = new Ajax("http://www.ydyle.com/read_file.php",{
					method: 'get'
					,data: {file:"http://files.ydyle.com/modules/home/inscription/_rotate_img.php?lang="+lang.currentLang+"&url_img="+src}
					,onRequest:function(){
						$("rotatePhoto").addClass("visibilityHidden");
						$("contentRotateLink").addClass("load");
					}
					,onFailed:function(){
						$("rotatePhoto").removeClass("visibilityHidden");
						$("contentRotateLink").removeClass("load");
					}
					,onSuccess:function(responseText){
						var statusResponse=Json.evaluate(responseText);
						if (statusResponse.response == "ok") {
							var D = new Date();
							// traitement a la fin de la requète

							// inversion du height et du width
							$E(".photoCanevas img").height = statusResponse.new_height;
							$E(".photoCanevas img").width = statusResponse.new_width;

							// rafraichissement de la source de l'image
							$E(".photoCanevas img").src = src+"?"+D.getTime();

							// initialisation du drag et des valeurs top et left
							$E(".photoCanevas img").style.left=3+"px";
							$E(".photoCanevas img").style.top=3+"px";

							subscr.upLoad.upPict._InitDrag();
						}else{
							ydyle.alertMsg._Open(htmlConstruct._SetNode("p", {}, statusResponse.msg), "wrong");
						}	
						$("rotatePhoto").removeClass("visibilityHidden");
						$("contentRotateLink").removeClass("load");
					}
				}).request();
			}
		}
	}
}

function fileDialogComplete(numFilesSelected, numFilesQueued) {
	try {
		if(subscr.upLoad.upPict.tabError.tabError>0){
			afficheErrorMsg();
		}else{
			this.startUpload();
			$("containtBrowsPict").style.top="-300px";
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadComplete(file) {
	try {
		var progress = new FileProgress(file,  this.customSettings.upload_target);
		if(subscr.upLoad.upPict.tabError.length>0){
			afficheErrorMsg();
		}else{
			progress.setComplete();
			progress.setStatus("image received.");
			subscr.upLoad.upPict._UploadFileComplete(file);
			progress.toggleCancel(false);
			$("containtBrowsPict").style.top="160px";
			progress.setStatus("");
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadError(file, errorCode, message) {
	var progress;
	try {
		if(errorCode===SWFUpload.UPLOAD_ERROR.FILE_CANCELLED){
			try {
				subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.fileCancelled));
				progress = new FileProgress(file,  this.customSettings.upload_target);
				progress.setCancelled();
				progress.setStatus("Cancelled");
				progress.toggleCancel(false);
			}
			catch (ex1) {
				this.debug(ex1);
			}
		}else if(errorCode===SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED){	
			try {
				subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.uploadStopped));
				progress = new FileProgress(file,  this.customSettings.upload_target);
				progress.setCancelled();
				progress.setStatus("Stopped");
				progress.toggleCancel(true);
			}
			catch (ex2) {
				this.debug(ex2);
			}
		}else if(errorCode===SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED){
			subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.uploadLimitExceeded));
		}else{
			subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.defaultError));
		}
	} catch (ex3) {
		this.debug(ex3);
	}
}

function fileQueueError(file, errorCode, message) {
	try{
		if (errorCode === SWFUpload.errorCode_QUEUE_LIMIT_EXCEEDED) {
			subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.queueLimitExceeded));
		}else if(errorCode === SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE){
			subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.zeroByteFile));
		}else if(errorCode === SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT){
			subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.fileExceedsSizeLimit));
		}else if(errorCode === SWFUpload.QUEUE_ERROR.INVALID_FILETYPE){
			subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.invalidFiletype));
		}else{
			subscr.upLoad.upPict.tabError.push(htmlConstruct._SetNode("li", {}, file.name +" : "+lang.front.upload.defaultError));
		}
	}catch(ex){
		this.debug(ex);
	}
}

function afficheErrorMsg(){
	var divContainer=htmlConstruct._SetNode("div", {});
	var bodyMsg=htmlConstruct._SetNode("ul", {});
	for(var i=0; i<subscr.upLoad.upPict.tabError.length; i++){
		htmlConstruct._GoodAppendChild(bodyMsg, subscr.upLoad.upPict.tabError[i]);
	}
	htmlConstruct._GoodAppendChild(divContainer, bodyMsg);
	ydyle.alertMsg._Open(divContainer, "wrong");
	subscr.upLoad.upPict.tabError=new Array();
}

function uploadProgress(file, bytesLoaded) {
	try {
		var percent = Math.ceil((bytesLoaded / file.size) * 100);

		var progress = new FileProgress(file);
		if (percent === 100) {
			progress.setStatus("Upload complete...");
			progress.toggleCancel(false, this);
		}else if(percent === 0){
			percent=100;
			progress.setStatus("Upload complete...");
		}else {
			progress.setStatus(" Uploading "+percent+"%");
			progress.toggleCancel(true, this);
		}
		progress.setProgress(percent);
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadSuccess(file, serverData) {
	try {
		var progress = new FileProgress(file, this.customSettings.upload_target);

	//	progress.setStatus("Thumbnail Created.");
		progress.toggleCancel(false);

	} catch (ex) {
		this.debug(ex);
	}
}


function FileProgress(file, targetID) {}

FileProgress.prototype.setProgress = function (percentage) {
	$("pcentPhoto").innerHTML = "Uploading "+percentage + "%";
};
FileProgress.prototype.setComplete = function () {};
FileProgress.prototype.setError = function () {};
FileProgress.prototype.setCancelled = function () {};
FileProgress.prototype.setStatus = function (status) {
	$("pcentPhoto").innerHTML = status;
};

FileProgress.prototype.toggleCancel = function (show, swfuploadInstance) {
	
	if (swfuploadInstance){
		var fileID = this.fileProgressID;
	}
};