// JScript File

function ConvertToStandardDate(odate)
{
    var mydate=new Date(odate)
    var year=mydate.getYear()
    
    if (year < 1000)
        year+=1900
    
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    
    if (daym<10)
        daym="0"+daym
        
    var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun",
                            "Jul","Aug","Sep","Oct","Nov","Dec")
    
    return montharray[month]+" "+daym+", "+year ;
}


 //  $(document).ready(function() {
   Sys.require([Sys.components.dataView, Sys.scripts.WebServices]);  
 // });


var trackhtml = '<table id="TrackView" class="sys-template" style="width:98%; display:none;">' +
                                                        '<tr><th colspan="2">TRACKING STATUS</th></tr>' + 
							'<tr><td colspan="2"><hr style="border: 0;" /></td></tr>' +                                                       
                                                        '<tr><td>BILL-OF-LADING #</td><td>{{BLading}}</td></tr>' +
                                                        '<tr><td>CONSIGNEE:</td><td>{{Consignee}}</td></tr>' +
                                                        '<tr><td>SHIPPER:</td><td class="DataGridItem">{{Shipper}}</td></tr>' + 
							'<tr><td>DESTINATION:</td><td>{{Port}}</td></tr>' +
                                                        '<tr><td>FREIGHT COLLECT:</td><td>{{FreightCollect}}</td></tr>' +
							'<tr><td colspan="2"><hr style="border: 0;" /></td></tr>' +
							'<tr><td>SHIPPED:</td><td>{{ShippedDate}}</td></tr>' +
							'<tr><td>CONTAINER:</td><td>{{ContainerNo}}</td></tr>' +
							'<tr><td>VOYAGE:</td><td>{{VOYAGE}}</td></tr>' +
                                                        '<tr><td>ETA:</td><td>{{ETA_DATE}}</td></tr>' +
                                                        '<tr><td>AVAILABLE:</td><td>{{STRIPED}}</td></tr>' +
							'</table><hr style="border: 0;" />' +
							'<div id="norecorddiv" style="width:98%; text-align:center; display:none;"><img src="/images/exclamation.png" align="absmiddle" border="0" /> - Record not found!</div>';
                                                        
                                                      
                                                        
 // Tracking information  
   function TrackOrder(marker, bol, loc)
{   
 // create dialog  
    var panel = "trkdialog";
    if (document.getElementById(panel) == null)
    {
        var oDiv = document.createElement('div');
        oDiv.setAttribute('id',panel)
        oDiv.setAttribute('style','display:none;')
        document.body.appendChild(oDiv);
        $(function() {$('#'+ panel).dialog({ autoOpen: false, bgiframe: true, width: 416, height: 400, resizable: false } ); });
    } 

    $('#'+panel).dialog('option', 'title', 'Tracking: ' + marker + '-' + bol);
    $('#'+panel).empty().html('<div id="ajaxgif" style="align:center;"><img src="images/arrows16.gif" /><br /></div>');  
    $('#'+panel).append(trackhtml);   
  
   var i = 0;
   $('#TrackView').dataView(   
            {   
                dataProvider: "/trackservice.asmx",   
                fetchOperation: "GetTrackInfo",   
                autoFetch: true,   
                fetchParameters: {marker: marker, bol: bol, location: loc},       
                initialSelectedIndex: 0,           
                itemRendered: function (dataView, ctx) {   
                                    //  Sys.bind(Sys.get("li", ctx), "innerHTML", ctx.dataItem, "ContactName");  
					if (ctx.dataItem.BLading != null) i++; 
                                        }   ,
                rendered: function (dataView, e) {   
                                         $('#ajaxgif').remove();
                                         if (i > 0)
					 	$('#TrackView').show(); 
					 else
						$('#norecorddiv').show();
                                         $('#' + panel).dialog("option", "position", 'center');
                                    }       
            }           
           ); 

   
                 
    if(! $('#'+panel).dialog('isOpen')) $('#'+panel).dialog('open');         
   }