function get_status(){
	var data = { 
		order: $('#order').val()
	}	
	$.ajax({
		url: 'store/order_status.php',
		dataType: "json",
		data:data,
        success: function (orders) {
			var order_num = 0
			$('#orders').children().remove();
			if(orders.length < 1){
				$('#orders').append('<div class="float"><'+
					'<div class="row">No records Found</div>'+
				'</div>');
			}else{
				$.each( orders, function(i, order){
					if(order_num != order.order_number){
						order_num = order.order_number
						$('#orders').append(
							'<div class="float"><a href="#" class="header">'+order.order_number+ ' Placed on: ' + order.order_date +'</a>'+
							'<div id="order_'+order.order_number +'"></div></div>'						
						);
						if(order.Status){
							$('#order_'+order_num).append('<div class="row"><span class="label">Status: </span><span class="formw">' + order.Status +'</span></div>');
						}else{
							$('#order_'+order_num).append('<div class="row"><span class="label">Status: </span><span class="formw">unavailable</span></div>');
						}

						if(order.Tracking_Number){
							var url = 'http://wwwapps.ups.com/WebTracking/processInputRequest?sort_by=status&tracknums_displayed=1&TypeOfInquiryNumber=T&loc=en_US&InquiryNumber1='+
							order.Tracking_Number+'&track.x=0&track.y=0';
							$('#order_'+order_num).append('<div class="row"><span class="label">Tracking #: </span><span class="formw"><a href="'+url+'" target="_BLANK" >'+ order.Tracking_Number+'</a></span></div>');
						}
						
						if(order.shipped){
							$('#order_'+order_num).append('<div class="row"><span class="label">Shipped: </span><span class="formw">' + order.shipped +'</span></div>');
						}

						if(order.Shipping_Details){
							$('#order_'+order_num).append('<div class="row"><span class="label">Ship Via: </span><span class="formw">' + order.Shipping_Details +'</span></div>');
						}

						$('#order_'+order_num).append('<div class="row"><span class="label">Shipping To: </span><span class="formw"><div>' + order.Ship_Street + ' ' + order.Ship_Street_2 + '</div><div> ' + order.Ship_City + " , " + order.state + " " + order.Ship_Postal_Code +"</div></span></div>");

						if(order.method){
							$('#order_'+order_num).append('<div class="row"><span class="label">Shipping Method: </span><span class="formw">' + order.method +'</span></div>');
						}
					}

					if(order.item_rn){
						switch(order.item_rn){
							case '341':
							  $('#order_'+order_num).append('<div class="row"><span class="label">Priority: </span><span class="formw">1-Day Production</span></div>');
							  break;
							case '340':
								$('#order_'+order_num).append('<div class="row"><span class="label">Priority: </span><span class="formw">2-Day Production</span></div>');
							  break;
							case '339':
								$('#order_'+order_num).append('<div class="row"><span class="label">Priority: </span><span class="formw">3-Day Production</span></div>');
							  break;
						}
					}

					if ($('#order_'+order_num+" span").length == 0 ){
						$('#order_'+order_num).append('<div class="row"><span class="label">info: </span><span class="formw">There is no further inoformation availbe for this order</span></div>');
					}
				});
			
				$(".header").click(function(e){
					e.preventDefault();
					$(this).next().find('.row').toggle();
				});
				$("#orders .row").hide();
			
			}
        }
    });
}

$(document).ready(function(){
	$("#statusbox").dialog({
	        autoOpen: false,
	        bgiframe: true,
	        modal: true,
			width: 400,
			height:'auto',
			position: ['auto',150],
			draggable:false,
			resizable:false,
			// title:"Track Order Status",
		    open: function(event, ui) {
		        $(this).css({'max-height': $(window).height()-350 , 'overflow-y': 'auto'}); 
				//$('.ui-dialog-buttonpane').find('button:contains("Find")').css("background-image", "url(images/order_now.gif)");
				//$('.ui-dialog-buttonpane').find('button:contains("Find")').before($('#find')).remove();
		    },
			buttons: {
	            Track: function() {
					get_status();
	            },
				Cancel: function() {
					$(this).dialog('close');
	            }
	        }
	    });
	
		$('#checkstatus').click(function(e){
			e.preventDefault();
			$("#statusbox").dialog('open');
		});
		$('#find').click(function(e){
		 	e.preventDefault();
			get_status();
		});
});