$(document).ready(function(){	    
	var img_name = $("#allThumbs_list img:first-child").attr("alt");
    $("#previewImage").attr("src", "eCard/images/"+img_name);
    $("#imageFull").val(img_name);
    
    
    // loading
	$(document).ajaxStart(function(){
		$('#content_message_text').text("Proszę czekać ...").parent().removeClass().addClass("message_info");
	});

	// only digits
	$(".digital").format({autofix:true});


	// jCarousel
    $('#allThumbs_list').jcarousel({
        scroll:	5
    });
	
	// color Picker
	$('.colorPicker').colorPicker();



	// hide message AND checking fields
    $('#showPreview, #sendMail, #allThumbs_list img').click(function(){
		$('#content_message_text').text("").parent().removeClass();
   	});
   	
    
	// validator
	$("#main_form").validate({
		rules: {
			mailFrom: {
				required: true,
				email: true
			},
			nameFrom: { required: true },
			mailTo: {
				required: true,
				email: true
			},
			nameTo: { required: true },
			eCardText: { required: true },
			transparentStamp: { required: true }
		},
		messages: {
			mailFrom: {
				required: "Podaj adres Nadawcy!",
				email: "Adres Nadawcy jest nieprawidłowy!"
			},
			nameFrom: { required: "Podaj imię Nadawcy!" },
			mailTo: {
				required: "Podaj adres Odbiorcy!",
				email: "Adres Odbiorcy jest nieprawidłowy!"
			},
			nameTo: { required: "Podaj imię Odbiorcy!" },
			eCardText: { required: "Wpisz swoją wiadomość!" },
			transparentStamp: { required: "Pole 'Widoczność pieczątki' jest wymagane." }
		},
		
		errorPlacement: function(error, element) {
			$("#content_message_text").text(error[0].textContent).parent().removeClass().addClass("message_wrong");
		},

		highlight: function(element, errorClass) {
			$(element).css("background-color", "#FFD2D3");
		},
  		unhighlight: function(element, errorClass) {
			$(element).css("background-color", "#f3f6fe");
		}
	});
	
	
	// stamps
	$("#showStamps").click(function(){
		$('#stampsArea').load("eCard/eCard.ajax.php", {}, function(data){
			var wd = $(document).width(); 
			var hd = $(document).height();
			var ws = $(this).width(); 
			var hs = $(this).height();
			
			// clear info
			$('#content_message_text').text("").parent().removeClass();
			
			$("#stampsArea").mouseenter(function() {
				$("#stampsArea img").css("opacity", "0.5");
			});
			$("#stampsArea").mouseleave(function() {
				$("#stampsArea img").css("opacity", "1");
			});
			
			$("#stampsArea img").hover(
				function() {
					$(this).css("opacity", "1");
				},
				function() {
					$(this).css("opacity", "0.5");
				}
			);
			
			$(this).css({
				"top"		: (hd/2 - ws/2 - 100) +"px",
				"left"		: (wd/2 - ws/2) +"px"
			}).fadeIn('normal');
		});
	});
	
	
	
	$('#showPreview, #allThumbs_list img').click(function(){
		var old_image	= $('#previewImage').attr("src");
		
		if( $(this).is("img") ) {
	    	var img_name = $(this).attr("alt");
	    	
			$("#previewImage").attr("src", "eCard/images/"+img_name);
	    	$("#imageFull").val(img_name);
	    	
	    	// exit if changing image only
	    	if(!$("#eCardText").val()) return;
		}
		
		
		if(!$("#eCardText").val()) {
			$('#content_message_text').text("Wprowadź swoją wiadomość!").parent().removeClass().addClass("message_wrong");
			return;
		}
		
		
		var pathToStamp		 = $('#pathToStamp').val();
		var transparentStamp = $('#transparentStamp').val();
		
		var image		= $('#imageFull').val();
		var eCardText	= $('#eCardText').val();
		var fontFace	= $('#fontFace').val();
		var where		= $('#eCardWhere').val();
		var fontSize	= $('#fontSize').val();
		var fontColor 	= $('#fontColor').val();
		var shadow		= false;
		var shadowColor = "";
		if($('#shadowApply').attr("checked")){
			shadow	= true;
			shadowColor = $('#shadowColor').val();
		}
		
		if(!image || !eCardText || !fontFace || !where || !fontSize || !fontColor) {
			$('#content_message_text').text("Wystąpił błąd! Spróbuj ponownie").parent().removeClass().addClass("message_wrong");
			return;
		}
		
		$.post("eCard/eCard.php",{
				old_image:	old_image,
				image: 		image,
				text: 		eCardText,
				fontFace: 	fontFace,
				where: 		where,
				fontSize: 	fontSize,
				fontColor: 	fontColor,
				shadow: 	shadow,
				shadowColor: shadowColor,
				
				pathToStamp: pathToStamp,
				transparentStamp: transparentStamp
			},
			function(d){
				if(d!="false" && d!="error"){
					var img 	= new Image();
					img.style.visibility = "hidden";
					img.onload 	= function(evt) { 	//$("#area1").css("background", "none"); 
													$(this).hide().css("visibility" , "visible").fadeIn("slow"); 
													$('#content_message_text').text("").parent().removeClass();	} 
					img.id 		= "previewImage";
					img.src 	= "eCard/"+d;
					
					$('#content_preview *').fadeOut('fast' , function() {
						$('#content_preview').empty().append(img);
					})
				}
				if(d=="error"){//text empty
	//				$('#content_message_text').removeClass().text("Wprowadź swoją wiadomość!").parent().addClass("message_wrong");
				}
				if(d=="false"){//Error create/image
	//				$('#content_message_text').removeClass().text("Błąd wewnętrzny. Spróbuj ponownie").parent().addClass("message_wrong");
				}
			}
			,"txt"
		);
	});
	

	$('#sendMail').click(function(){
		if(!$("#main_form").valid()) return;
		
		var mailFrom	= $('#mailFrom').val();
		var nameFrom	= $('#nameFrom').val();
		var mailTo		= $('#mailTo').val();
		var nameTo		= $('#nameTo').val();
		var image		= $('#previewImage').attr("src");
		var text		= $('#eCardText').val();
		
		$.post("eCard/eCardSend.php",{
				mailFrom: mailFrom,
				nameFrom: nameFrom,
				mailTo: mailTo,
				nameTo: nameTo,
				image : image,
				text: text
			},
			function(d){
				if(d=="ok"){
					$('#content_message_text').text("OK! Mail z eKartką został wysłany. Możesz wysłać następną.").parent().removeClass().addClass("message_ok");
				}
				if(d=="time"){
	//				$('#content_message_text').removeClass().text("Proszę czekać ...").parent().addClass("message_wrong");
				}
				if(d=="image"){
	//				$('#content_message_text').removeClass().text("Błąd wewnętrzny. Spróbuj ponownie").parent().addClass("message_wrong");
				}
				if(d=="empty"){
	//				$('#content_message_text').removeClass().text("Wypełnij wymagane pola!").parent().addClass("message_wrong");
				}
				if(d=="send"){
	//				$('#content_message_text').removeClass().text("Podczas wysyłania eKartki wystąpił błąd! Spróbuj ponownie").parent().addClass("message_wrong");
				}
			}
			,"txt"
		);
	});
	
});