$(function($){
	var formLayer = $('<div id="formLayer"></div>');
	var formWin = $('<div id="formWin" class="mailorder"></div>');
	var closeBtn = $('<p class="formCloseBtn"></p>');
	var href = $('.mailOrder').attr('href');
	
		$('.mailOrder').click(function(e){
			e.preventDefault();
			$('body')
			.append(formLayer)
			.append(formWin);
			var selectCD =$(this).attr('id');
			formLayer.fadeIn('slow');
			formWin.animate({top:'-1'},'slow',function(){
				if(!$.support.opacity){
				if(this.style.filter&&this.style.removeAttribute){
					this.style.removeAttribute('filter');
				}
			}
	
			
			closeBtn.click(close);
			cheackForm(selectCD);
		});
	});
	
	function cheackForm(selectCD){
		
		formWin.load(href,function(){
				var target = $('table').find('input[class=cd]').filter('[id='+selectCD+']');
				return $(this).each(function(){
					var trgTablet = target.parents('table');
					trgTablet.addClass('select')
					.find('input[id^=maisu]')
					.val("1");
					$('dd > input:text').one('focus',function(){
						$(this).val("");
					})
					.focus(function(){
						$(this).parent().addClass('focusField');
					})
					.blur(function(){
						$(this).parent().removeClass('focusField');
					});
					$('input[id^=maisu]').bind('blur',function(){
						if($(this).val()==""||$(this).val()=="0"){
							$(this).parents('table').removeClass('select');
						}else if(!$(this).val()==""){
							$(this).parents('table').addClass('select');
						}
					});
					formWin.append(closeBtn);
					closeBtn.click(close);
					$('#orderform').validationEngine({
						promptPosition:"topRight_show",
	 					ajaxSubmit: true,
	 					ajaxSubmitFile: "mail_order",
	 					ajaxSubmitMessage:"ご注文有難うございます、確認後ご連絡をさせて頂きます。",
	
					failure : function() {}
				});
				});
				

		});	
		
	}
	
	function close(){
		formWin.animate({top:'-605'},'frst');
		formLayer.fadeOut('slow',function(){
			formLayer.remove();
			formWin.remove();
		});
		$('.formError').remove();
	}
	
});