//Change order days, order concept and price will change.
$(document).ready(function(){
	$('#order_edit_window').change(function(){
	   var window_value = $(this).val();
	   $.get('order_exec.php',{order_window : window_value},function(data){
			var order_level = jQuery.parseJSON(data);
			$('#order_edit_concept').val(order_level['concept']);
			$('#order_edit_price').val(order_level['price']);
		});
	   
	})
});

//Pantone color select 
function color_select(color_value) {
	$("#order_color").val(color_value);
	$("#order_edit_color").val(color_value);
}

//Change order edit description textarea into ckeditor style.
$(document).ready(function(){
	$('#order_edit_desc').ckeditor({toolbar:'order_cu',height:80,width:383,colorButton_enableMore:false,toolbarCanCollapse:false,toolbarLocation:'bottom'})
});

//Change order business textarea into ckeditor style.
$(document).ready(function(){
	$('#order_edit_business').ckeditor({toolbar:'order_cu',height:80,width:383,colorButton_enableMore:false,toolbarCanCollapse:false,toolbarLocation:'bottom'});
});

//Delete the error messages.
$(document).ready(function(){
	$(".order_edit_required").change(function() {
		$(this).parent().next().empty();
	});
						   
});

//Click on save change imgae, save changes.
$(document).ready(function(){
	$('#order_edit_save_img').click(function() { 
		$('#order_edit_ope').val("save_only");
		
		var count=0;
		$(".order_edit_required").each(function(index){
			$(this).parent().next().empty();	
			if ($(this).val() == ''){
				count=count+1;
				$(this).parent().next().append($("<span></span>").text("Input required").addClass("order_input_warning"));
			}
		});
		
		if(count==0){
			$.post('order_exec.php',$('#order_edit_form').serialize(),function(data){
				alert(data);
			})
		}else{
			location.hash="#order_edit_info_title";
		};
	});
});

//Click on order edit pay imgae, submit the order edit form.
$(document).ready(function(){
	$('#order_edit_pay_img').click(function() { 
		$('#order_edit_ope').val("save_and_pay");
		
		var count=0;
		$(".order_edit_required").each(function(index){
			$(this).parent().next().empty();	
			if ($(this).val() == ''){
				count=count+1;
				$(this).parent().next().append($("<span></span>").text("Input required").addClass("order_input_warning"));
			}
		});
		
		if(count==0){
			$('#order_edit_form').submit();
		}else{
			location.hash="#order_edit_info_title";
		};
	});
});

//Order preview
$(document).ready(function(){
	$("#order_edit_preview_img").click(function(){
		//Check if required order information is blank.
		var count=0;
		$('.order_edit_required').each(function(index){
			$(this).parent().next().empty();	
			if ($(this).val() == ''){
				count=count+1;
				$(this).parent().next().append($("<span></span>").text("Input required").addClass("order_input_warning"));
			}
		});
		
		if (count==0) { 
			//Calculate the preview layer offset.
			var winwidth = $(window).width();
			var docscrollleft = $(document).scrollLeft();
			var floatleft = docscrollleft+winwidth/2-300;		
			var winheight = $(window).height();
			var docscrolltop = $(document).scrollTop();
			var floattop = docscrolltop+winheight/2-250;

			screen_show();
			$('.order_preview_res').fadeIn("slow").css({'left':floatleft+'px','top':floattop+'px'});
			$('.order_preview_res').bgiframe();
			var order_name=$('#order_edit_name').val();
			var order_window=$('#order_edit_window').val();
			var order_concept=$('#order_edit_concept').val();
			var order_price=$('#order_edit_price').val();
			var order_content=$('#order_edit_content').val();
			var order_ifopen=$("input[name='order_edit_ifopen'][type='radio']:checked").val();
			var order_ifopen=(order_ifopen==1) ? "Design quality supervised by other customers." : "Do not need to be supervised by other customers.";
			var order_website=($('#order_edit_website').val()=="") ? "NA" : $('#order_edit_website').val();
			var order_color=($('order_edit_color').val()=="") ? "NA" : $('#order_edit_color').val();
			var order_iftext=$("input[name='order_edit_iftext'][type='radio']:checked").val();
			switch (order_iftext){
				case "1" : var order_iftext="Any"; break;
				case "2" : var order_iftext="Text-only"; break;
				case "3" : var order_iftext="Graphic-only";break;
				case "4" : var order_iftext="Text and graphic together"; break;
			}
			var order_business=$('#order_edit_business').val();
			var order_desc=$('#order_edit_desc').val();
			
			$('.order_preview_name').html(order_name);
			$('.order_preview_window').html(order_window);
			$('.order_preview_concept').html(order_concept);
			$('.order_preview_price').html(order_price);
			$('.order_preview_content').html(order_content);
			$('.order_preview_ifopen').html(order_ifopen);
			$('.order_preview_website').html(order_website);
			$('.order_preview_color').html(order_color);
			$('.order_preview_iftext').html(order_iftext);
			$('.order_preview_business').html(order_business);
			$('.order_preview_desc').html(order_desc);
		}else{
			location.hash="#order_edit_info_title";
		}
	});
});