(function ($) {
    $(document).ready(function () {
				$('#orderGuideBTN').click(function () {
						var on = $('#orderNumber').val();
						var pe = $('#salesPayerEmail').val();
						if (on == '') {
						    alert('Please enter order number');
								$('#orderNumber').focus();
								return false;
						}
						if (pe == '') {
						    alert('Please enter paypal email');
								$('#salesPayerEmail').focus();
								return false;
						}
						$.ajax({
						timeout: 10000, 
						    type : 'POST', 
								url : 'ajax/fit.order.status.ajax.php', 
								data : {'orderNumber':on, 'paypalEmail':pe}, 
								dataType : 'html', 
								error : function (a, b) { alert(b); }, 
								beforeSend : function () {
								    Loding();
								}, 
								success : function (data) {
								    Show(data);
								}
						});
				});
		});
})(jQuery);

function GetOrderContainer () {
    var oc = '<blockquote id="fitOC" style="margin:0px; padding:0px; width:600px; border:1px solid #5f5f5f;"><div style="height:28px; line-height:28px; background:url('+fit_abs_addr+'images/closed-bg.gif) repeat-x;"><img id="close" src="'+fit_abs_addr+'images/closed.gif" style="float:right; margin:4px 4px 0px 0px;" /><strong style="padding:0px 0px 0px 5px;">Order Guide</strong></div><div id="fitOCD" style="background:#ffffff; padding:0px 0px 0px 5px;"></div></blockquote>';
		return oc;
}

function AppendOrderContainerIntoBody () {
		var oc = GetOrderContainer();
		$('body').append(oc);
}

function RemoveOrderContainer () {
    $('#fitOC').remove();
		$('#mask').remove();
		$('select').show();
}

function setOrderContainerPosition () {
		var w = $('body').width();
		var h = $(window).height();
		var fw = $('#fitOC').width();
		var fh = $('#fitOC').height();
		$('#fitOC').css({
		    position : 'absolute', 
				zindex : 9999, 
				left : (w-fw)/2, 
				top : (h-fh)/2 + $(window).scrollTop()
		});
}

function Loding () {
    RemoveOrderContainer();
		AppendOrderContainerIntoBody();
		var ht = '<p style="height:30px; line-height:30px;"><img src="'+fit_abs_addr+'images/loading.gif" style="float:left; margin:7px 10px 0px 0px;" />Please wait...</p>';
		$('#fitOCD').html(ht);
		setOrderContainerPosition();
		$('#close').mouseover(function () {
		    $(this).css('cursor', 'pointer');
		});
		$('#close').click(function () {
		    RemoveOrderContainer();
		});
}

function ShowMask () {
		var mask = '<div id="mask"></div>';
		
		var w = $('body').width();
		var h = $('body').height();
		var winH = $(window).height();
		h = h < winH ? winH : h;
		
		$('body').append(mask);
		$('#mask').css({
		    position:'absolute', 
				zindex:9998,
		    width:w, 
				height:h, 
				left:0, 
				top:0, 
				background:'#0055ff'
		});
		$('#mask').animate({'opacity':0.5});
		$('select').hide();
}

function Show (data) {
    RemoveOrderContainer();
		ShowMask();
		AppendOrderContainerIntoBody();
    $('#fitOCD').html(data);
		setOrderContainerPosition();
		
		var t = parseInt($('#fitOC').css('top'));
		var ts = $(window).scrollTop();
		window.onscroll = function () {
		    if($('#fitOC').html() == null) return;
				var st = $(window).scrollTop();
				$('#fitOC').css('top', t+st-ts);
		}
		
		$('#close').mouseover(function () {
		    $(this).css('cursor', 'pointer');
		});
		$('#close').click(function () {
		    RemoveOrderContainer();
		});
}