// UsedCar JavaScript

/*
#########################################################################################
## Global Section - All variables and/or constants                                     ##
#########################################################################################
*/

//Global Constants
// use this code to get counts:
// variable            CSS CLASS         input type        condition   
// selectedCount = $(".NewVehicleItem INPUT[type='checkbox']:checked").length

//Global Variables
m_iInventoryPage = false;
var m_isEnhancedPage = false;
var loadSearch = true;
// Global Functions

function switchImages() {
    var compareMessage = true;
    var elements = document.getElementsByName("VehicleId");
    var idCount = 0;
    if (loadSearch) {
        var selectedIDs = getParam('vid');
        if (selectedIDs.length > 0) {
            loadCheckboxes(selectedIDs);
            compareMessage = false;
        }
        loadSearch = false;
    }
    
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].checked  == true) {
            idCount++;
        }
    }
    var imgCompares = document.getElementsByName('imgCompareName');   

    if (idCount == 2 || idCount == 3) {
        if (idCount == 3) {
            disableCheckboxs();
            if (compareMessage) {
                displayCompareMessage();
            }
        }
        else {
            enableCheckboxes();
        }

        for (var i = 0; i < imgCompares.length; i++) {
            if (elements[i].checked == true) {
                imgCompares[i].src = imgCompares[i].src.replace('compare.gif', 'compareAlt.gif');
            }
            else {
                imgCompares[i].src = imgCompares[i].src.replace('compareAlt.gif', 'compare.gif');
            }
        }
        
    }
    else {
        for (var i = 0; i < imgCompares.length; i++) {
            imgCompares[i].src = imgCompares[i].src.replace('compareAlt.gif', 'compare.gif');            
        }
    }

}
function loadCheckboxes(ids) {
    var elements = document.getElementsByName("VehicleId");
    var id = ids.split(',');
    for (var i = 0; i < elements.length; i++) {
        var val = elements[i].value;
        for (var x = 0; x < id.length; x++) {
            if (id[x] == val) {
                elements[i].checked = true;
            }
        }
        
        
    }
}
function displayCompareMessage() {
    var sMessage = 'You have selected 3 vehicles to compare, would you like to contine onto the compare page?'
    addAcceptDialogMessage(sMessage, "Continue to Compare screen?");
    showWebDialog("tblAcceptDialog", true);
}
function AcceptDialog_Accept_Click(p_bAcceptDialogOkClick) {
    hideWebDialog("tblAcceptDialog");
    if (p_bAcceptDialogOkClick) {        
        Compare3();
    }   
}
function AcceptDialog_Cancel_Click() {
    hideWebDialog("tblAcceptDialog");
}
function disableCheckboxs() {    
    var elements = document.getElementsByName("VehicleId");
    var imgCompares = document.getElementsByName('imgCompareName');
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].checked != true) {            
            elements[i].disabled = true;
            imgCompares[i].className = '';
            imgCompares[i].onclick = '';
        }
    }    
}

function enableCheckboxes() {
    var elements = document.getElementsByName("VehicleId");
    var imgCompares = document.getElementsByName('imgCompareName');
    var browser = navigator.appName;
    
    for (var i = 0; i < elements.length; i++) {
        var intVal = imgCompares[i].getAttribute('value');
        elements[i].disabled = false;

        imgCompares[i].className = 'imageActive';
        if (browser == 'Microsoft Internet Explorer') {
            imgCompares[i].onclick = function() {
                CompareButton('VehicleID', this.value);
            }
        }
        else {
            imgCompares[i].setAttribute('onclick', 'javascript:CompareButton(\'VehicleId\', ' + intVal + ');');
        }
        
    }
} 
        
function Compare3() {
    var elements = document.getElementsByName("VehicleId");
    var ulr = "";
    if (m_isEnhancedPage)
        url = "CompareUsedVehicleResults.aspx?source=enhanced&VehicleId=";
    else
        url = "CompareUsedVehicleResults.aspx?source=standard&VehicleId=";
        
    var idCount = 0;     
    
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].checked == true) {
            url = url + elements[i].value + ",";
            idCount++;
        }
    }
    if (idCount < 2 || idCount > 3) {
        alert('Please select exactly 2 or 3 vehicles for comparison.');
    }
    else {
        document.location = url;
    }
}

function CompareButton(name, val) {
    var idCount = 0;
    var elements = document.getElementsByName("VehicleId");
    for (var i = 0; i < elements.length; i++) {        
        if (elements[i].checked == true) {            
            idCount++;
        }
    }
    if (idCount <= 3) {
        for (var i = 0; i < elements.length; i++) {
            if (elements[i].value == val) {
                elements[i].checked = true;           
            }
        }
        Compare3();        
    }
    else {
        for (var i = 0; i < elements.length; i++) {
            if (elements[i].value == val) {
                if (elements[i].checked == true) {
                    Compare3();
                }
                else {
                    alert('Please select exactly 2 or 3 vehicles then click the compare button.');
                }
            }
        }
        
    }

}
function getParam(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regexS = "[\\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(window.location.href);
    if (results == null)
        return "";
    else
        return results[1];
}