var categoryData = null;
var trackFormPanel = null;
function openTrackForm(type)
{
	if( trackFormPanel == null )
	{	
		ajaxCall( {
			type: "POST",
			url: "a/Warranty/loadCategory",
			async:true,
			data: '',
			success: function(msg,ret) {
				if( ret != 'success' )
				{
					panel.setContent('<div>Network connection error, please try again later.</div>'+closeBtnSrc);
					return false;
				}
				try {
					var result = eval( '(' + msg +')' );

					if( result.status == '1' )
					{
						drawTrackForm( result.data, type );
						categoryData = result.data;
						panel.hide();
					}
					else
					{
						panel.setContent( '<div>' + result.msg + '</div>' + closeBtnSrc );
						panel.show();
					}
				}
				catch(E)
				{
					panel.setContent('<div>Network connection error, please try again later.</div>'+ closeBtnSrc);
					panel.show();
					return false;   
				} 
			}
		});
	}
	else
	{
		drawTrackForm( categoryData, type );
		trackFormPanel.show();
	}
}

function drawTrackForm(data, type)
{
	if( trackFormPanel == null )
		trackFormPanel = new cmsPanel({"width":450});
		
	if( type == 'WL' )
		trackFormPanel.setTitle('Check WL Status');
	else
		trackFormPanel.setTitle('Check Warranty Status');
		
	var categorySelect = '';
	for( var i=0; i<data.length; i++ )
	{
		categorySelect += '<option value="' + data[i].id + '">' + data[i].name +'</option>';
	}
	
	var str = ['<form id="fmTrack" method="post" class="smallForm">'];
        str.push('Please check your warranty status by using one of these three method here<BR  class="clearfloat"><BR  class="clearfloat">');
	str.push( '<label>Category</label>'+
	          '<select id="tr_category" name="tr_category" onchange="loadModelForTracking(this)"><option value="">--Select--</option>'+categorySelect+'</select>'+
	          '<BR  class="clearfloat"><BR  class="clearfloat"> ');	
	str.push( '<label>Model</label>'+
	          '<select id="tr_product" name="tr_product"><option value="">Please Select Category First</option></select>'+
	          '<BR  class="clearfloat"><BR  class="clearfloat"> ');		
	str.push( '<label>Serial No.</label>'+
                  '<input type="text" value="" class="input-text" name="tr_serialno" id="tr_serialno">'+
	          '<BR  class="clearfloat"><BR  class="clearfloat"><div style="text-align: right; width: 100%;"><a onclick="submitTrack()" href="javascript:;" class="ui-button-blue">Submit</a></div>');
        str.push( '<div style="width: 100%; height: 10px; border-bottom: 1px solid black; text-align: center"><span style="font-size: 15px; background-color: #F3F5F6; padding: 0 0px;">OR</span></div><BR  class="clearfloat"></div><BR  class="clearfloat">');         
        str.push( '<label>Name</label>'+
	          '<input type="text" value="" class="input-text" name="tr_name" id="tr_name">'+
                  '<BR  class="clearfloat"><BR  class="clearfloat"><div style="text-align: right; width: 100%;"><a onclick="submitTrackName()" href="javascript:;" class="ui-button-blue">Submit</a></div>');
        str.push( '<div style="width: 100%; height: 10px; border-bottom: 1px solid black; text-align: center"><span style="font-size: 15px; background-color: #F3F5F6; padding: 0 0px;">OR</span></div><BR  class="clearfloat"></div><BR  class="clearfloat">');
        str.push( '<label>Mobile Phone No.</label>'+
	          '<input type="text" value="" class="input-text" name="tr_mobileno" id="tr_mobileno">'+
	          '<BR  class="clearfloat"><BR  class="clearfloat"><BR  class="clearfloat"> ');
	str.push('<input type="hidden" id="tr_type" name="tr_type" value="'+type+'">');
	str.push('</form>');
	
	var btnSrc = trackFormPanel.buttonSrc( [{"text":"Submit","style":"blue","onclick":"submitTrackMobile()"}, {"text":"Close","style":"grey","onclick":"trackFormPanel.hide()"} ] );
	trackFormPanel.setContent( str.join("\n") + btnSrc  );
	trackFormPanel.show();
}

function submitTrackName()
{
   var closeBtnSrc = panel.buttonSrc( [{"text":"Close","style":"grey","onclick":"panel.hide()"} ] );
   var name = $('#tr_name').val();
   var sp = '<BR>';
   var errormsg = '';
   
   if( name == '' )
    errormsg += 'Please key in  Name';
    
   if( errormsg != '' )
   {
        panel.setTitle('Check Warranty Status');
        panel.setContent(errormsg);
        panel.show();
        return false;
   }
   else
   {
        ajaxCall( {
                type: "POST",
                url: "a/Warranty/checkWarrantyStatusByName",
                async:true,
                data: 'name=' + encodeURIComponent(name),
                success: function(msg,ret) {
                        var title = "Check Warranty Status";

                        panel.setTitle(title);
                        if( ret != 'success' )
                        {
                                panel.setContent('<div>Network connection error, please try again later.</div>'+closeBtnSrc);
                                return false;
                        }
                        try 
                        {
                            var result = eval( '(' + msg +')' );

                            panel.setContent( '<div>' + result.msg + '</div>' + closeBtnSrc );
                            panel.show();
                           
                        }
                        catch(E)
                        {
                                panel.setContent('<div>Network connection error, please try again later.</div>'+ closeBtnSrc);
                                panel.show();
                                return false;   
                        } 
                }
        });
    
   }  
}

function submitTrackMobile()
{
   var closeBtnSrc = panel.buttonSrc( [{"text":"Close","style":"grey","onclick":"panel.hide()"} ] );
   var mobileno = $('#tr_mobileno').val();
   var sp = '<BR>';
   var errormsg = '';
   
   if( mobileno == '' )
    errormsg += 'Please key in  Mobile Phone No.';
    
   if( errormsg != '' )
   {
        panel.setTitle('Check Warranty Status');
        panel.setContent(errormsg);
        panel.show();
        return false;
   }
   else
   {
        ajaxCall( {
                type: "POST",
                url: "a/Warranty/checkWarrantyStatusByMobile",
                async:true,
                data: 'mobileno=' + encodeURIComponent(mobileno),
                success: function(msg,ret) {
                        var title = "Check Warranty Status";

                        panel.setTitle(title);
                        if( ret != 'success' )
                        {
                                panel.setContent('<div>Network connection error, please try again later.</div>'+closeBtnSrc);
                                return false;
                        }
                        try 
                        {
                            var result = eval( '(' + msg +')' );

                            panel.setContent( '<div>' + result.msg + '</div>' + closeBtnSrc );
                            panel.show();
                            
                        }
                        catch(E)
                        {
                                panel.setContent('<div>Network connection error, please try again later.</div>'+ closeBtnSrc);
                                panel.show();
                                return false;   
                        } 
                }
        });
   }  
}

function loadModelForTracking(field)
{
	var fieldPrefix = field.id.split('_')[0]; 
	var closeBtnSrc = panel.buttonSrc( [{"text":"Close","style":"grey","onclick":"panel.hide()"} ] );
	var category = field.value;
	if( category == '' )
	{
	    $('#'+fieldPrefix+'_product').html('<option value="">Please select category first</option>');
	}
	else
	{
		ajaxCall( {
			type: "POST",
			url: "a/Warranty/loadModel",
			async:true,
			context: field,
			data: 'productcategory=' + encodeURIComponent(category),
			success: function(msg,ret) {
				
				panel.setTitle( 'Load Model');
				if( ret != 'success' )
				{
					panel.setContent('<div>Network connection error, please try again later.</div>'+closeBtnSrc);
					return false;
				}
				try {
					var result = eval( '(' + msg +')' );
					
					if( result.status == '1' )
					{
						populateModelForTracking( result.data, fieldPrefix );
						
						var selectedProduct = $('#'+fieldPrefix+'_product').attr('rel');
						
						if( selectedProduct!= null && selectedProduct != '' )
						{
							$('#'+fieldprefix+'_product').val( selectedProduct ).removeAttr('rel');
						}
						panel.hide();
					}
					else
					{
						panel.setContent( '<div>' + result.msg + '</div>' + closeBtnSrc );
						panel.show();
					}
				}
				catch(E)
				{
					panel.setContent(E.message+'<div>Network connection error, please try again later.</div>'+ closeBtnSrc);
					panel.show();
					return false;   
				} 
			}
		});
    }
}

function populateModelForTracking(data, fieldPrefix)
{
	var str = '<option value="">--Select--</option>';
	for(var i=0; i<data.length; i++)
	{
		str += '<option value="'+data[i].id+'">'+data[i].model+'</option>';
	}

	$('#'+fieldPrefix+'_product').html( str );
}

function submitTrack()
{
	var closeBtnSrc = panel.buttonSrc( [{"text":"Close","style":"grey","onclick":"panel.hide()"} ] );
	
	var serialno = $('#tr_serialno').val();
	var category = $('#tr_category').val();
	var product = $('#tr_product').val();
	var type = $('#tr_type').val();
	var errormsg = '';
	var sp = '<BR/>';
	if( category == '' )
		errormsg += 'Please key in  Category'+sp;
	if( product == '' )
		errormsg += 'Please key in  Model'+sp;
	if( serialno == '' )
		errormsg += 'Please key in  Serial No.';
	
	if( errormsg != '' )
	{
		panel.setTitle('Check Warranty Status');
		panel.setContent(errormsg);
		panel.show();
	}
	else
	{
		if( $('#tr_type').val() == 'WL')
			var url = "a/Warranty/checkWLStatus";
		else
			var url = "a/Warranty/checkWarrantyStatus";
			
		
		ajaxCall( {
			type: "POST",
			url: url,
			async:true,
			data: 'serialno=' + encodeURIComponent(serialno)+'&fk_product='+ encodeURIComponent(product),
			success: function(msg,ret) {
				if( $('#tr_type').val() == 'WL')
					var title = "Check WL Status";
				else
					var title = "Check Warranty Status";
				
				panel.setTitle(title);
				if( ret != 'success' )
				{
					panel.setContent('<div>Network connection error, please try again later.</div>'+closeBtnSrc);
					return false;
				}
				try {
					var result = eval( '(' + msg +')' );

					if( result.status == '1' )
					{
						displayStatus( result.msg, type );
					}
					else
					{
						panel.setContent( '<div>' + result.msg + '</div>' + closeBtnSrc );
						panel.show();
					}
				}
				catch(E)
				{
					panel.setContent('<div>Network connection error, please try again later.</div>'+ closeBtnSrc);
					panel.show();
					return false;   
				} 
			}
		});
	}
	
	return false;
}

var statusPanel = null;
function displayStatus( msg, type )
{
	if( statusPanel == null )
	{
		statusPanel = new cmsPanel({"width":500});
		
		if( type == 'WL')
			var title = 'Check WL Status';
		else
			var title = 'Check Warranty Status';
		statusPanel.setTitle(title);
	}
    var closeBtnSrc = panel.buttonSrc( [{"text":"Close","style":"grey","onclick":"statusPanel.hide()"} ] );
	statusPanel.setContent(msg + closeBtnSrc);
	statusPanel.show();
}