//*************************************************************************************************************
////////////////////////////////////////////////  START WIDGET SELECTOR  //////////////////////////////////////
//*************************************************************************************************************
//      This Portion captures the events for button and check boxes
//      1-  Life Style check boxes' events are registerd.
//      2-  Search Vehicles button event is registered.
//*************************************************************************************************************

 
// no of total life styles
var LIFE_STYLES = 18;
var xmlHttpObjVehicle = false;
var xmlHttpObjSlider = false;

// onclick event at search vehicle button
try
{
	document.getElementById("searchVehicle"). onclick = function(e) { SubmitForm(); };

	// onclick events at life style check boxes.
	// convention of name / id is important.
	for(var i=1; i<=LIFE_STYLES; i++)
	{    
    	document.getElementById("chk"+i).onclick = EnforceOneSelection;
	}
}
catch(e)
{}
/////////////////////////////////////////////////////////////////////////

function SubmitForm()
{
   /* var sFrom = document.getElementById("sFrom");
    var sTo = document.getElementById("sTo");
    
    var from = sFrom[sFrom.selectedIndex].innerHTML;
    var to = sTo[sTo.selectedIndex].innerHTML;    
   */
    var vssid = GetSelectedLifeStyleId();  
    
    
    
    var path = document.getElementById("hdnUrl").value;
    //objForm.action = path + "Widget-Selector-Step3.aspx?wsgv=1&wsmiv=" + escape(from) + "&wsmxv="+ escape(to) + "&ssid="+ escape(vssid);
    
    /*document.getElementById("wsmxv").value = to;
    document.getElementById("wsmiv").value = from;*/
    document.getElementById("wsgv").value = 1;
    document.getElementById("ssid").value = vssid;
    
    var objForm = document.getElementById("Form1");
    objForm.action = path + "Widget-Selector-Step3.aspx";
    /*objForm.submit();*/
   
}


/////////////////////////////////////////////////////////////////////////

function GetSelectedLifeStyleId()
{
    //  this function get all life style check boxes and extract the selected one.
    //  naming convention to force at life styles is as chk1, chk2 etc.

    // no of life styles time. 
    var ssid = 0;
    for(var i = 1; i <= LIFE_STYLES; i++)
    {
        if(document.getElementById("chk"+i).checked)
        {
            ssid = document.getElementById("chk"+i).value;
            return ssid;
        }
    }
    if(ssid == 0)
        return null;    
}

//////////////////////////////////////////////////////////////////////////

// this function enforces the only one selction at check boxes to choose life style.
function EnforceOneSelection(e)
{
    if(!e)
        e = event || window.event;
    
    var obj = (e.srcElement) ? e.srcElement : e.target;
    
    if(obj.checked)
    {
        for(var i = 1; i <= LIFE_STYLES; i++)
        {
            document.getElementById("chk"+i).checked = false;            
        }
        obj.checked = true; 
             
   }
   
}
 
/////////////////////////////////////////////////////////////////////////

// this function is used to populate the Select option of 'From' based on the 'To' selection.

function PopulateToRange(objFrom)
{
    if(objFrom[objFrom.selectedIndex].innerHTML == "")
        return;
        
    var objTo = document.getElementById("sTo");
    
    // remove the '$', ',' and 'spaces' from the amount
    
    var amount = parseInt(objFrom[objFrom.selectedIndex].innerHTML.replace("$","").replace(",","").replace(" ",""));
    
    
    objTo.options.length = 0;
    var newAmount =  amount;
    var text = "";
    var diff = 10000;
    
    // if from range is greater than 40,000 then add 20,000
    if(newAmount > 40000)
        diff = 20000;
    
    for(var i=0; i<7; i++)
    {
        newAmount += diff;            
        text = ToMoney(newAmount.toString()).replace(".00","");
        objTo.options[i] = new Option("$"+text, newAmount);
    }
    
}



////////////////////////////////////////////////  END WIDGET SELECTOR  ////////////////////////////////////////
//*************************************************************************************************************