$(document).ready(function() {				   					   
		$('.trackMyOrder').click(function(){ 
   			trackOrder('form');
		});
	});
	
	function trackOrder(action) {
		$.log('Starting track order');
		$.log('action -> '+action);
		switch(action){
			case 'form':
				var url = 'ajax.php?ajax&action=trackOrder';		   
		 	    var str = 'ajaxAction=form';	
				modal();
				_ajax(url,str);
			break;
			case 'track':
				$('#tplMsg').css('color','black');
				var url = 'ajax.php?ajax&action=trackOrder';		   
		 	    var str = 'ajaxAction=track&email='+$('[name=email]').val()+'&oID='+$('[name=order_number]').val()+'&zip='+$('[name=zip]').val();
				$("#tplMsg").html('<p><center>Retrieving Data<br /><img src="w2o/css/base/images/ui-anim_basic_16x16.gif" /></center></p>');
				_ajax(url,str);
			break;
		} 
	}
	
	
	
	function modal() {
		 $("#pageModal").dialog({
				autoOpen: true,
				width: 700,
				position: ['center',100],
				modal: true,
				hide: 'scale',
				show: 'scale',
				resizable: false,
				close: function() {
					$(this).html('');
				}
			});	
	}
		 		  
	function _ajax(url,str) {  	
			$.log('starting ajax');
			$(function() {	
					$.log('str: '+str);
					$.log('calling ajax -> '+url);			
				$.ajax({
					 type:'POST',
					 url: url, 
					 data: str,
					 dataType:'json',
					 error:	function (XMLHttpRequest,textStatus,errorThrown){ 
								$.log(errorThrown); 
								$.log(textStatus); 
								$.log(XMLHttpRequest.status); 
							  },
					 success: function(json) { 
					 	$.log('json returned'); 
								if (json.error == 'true') { 
									$('#pageModal').html(json.msg); 
									$('#pageModal').css('color','red');
								}else{
									switch(json.callBack) {
										case 'html':
											$('#pageModal').html(json.html); 
										break;
										case 'errorMessage':
											$('#tplMsg').css('color','red');
											$('#tplMsg').html(json.msg); 
										break;
									}
									
								}
						 }	
				 
					});
				
			
				});
		
   }