/*
**  Set active content button in the step 1. At the moment there are only two buttons and their lists to manage.
*/
function setActiveContentButton(buttonId) {
    var deselectedButtonId = (buttonId == "personenauto" ? "begrijfsauto" : "personenauto");
    $('#' + buttonId).removeClass("btn");
    $('#' + buttonId).addClass("selected_btn");
    $('#' + deselectedButtonId).removeClass("selected_btn");
    $('#' + deselectedButtonId).addClass("btn");
    // show the actual lists
    /*$('#' + buttonId + "_list").show('fast');
    $('#' + deselectedButtonId + "_list").hide('fast');*/
    
    document.getElementById(buttonId + "_list").style.display = 'block';
	document.getElementById( buttonId + "_list").style.visibility = 'visible';    
    
    document.getElementById(deselectedButtonId + "_list").style.display = 'none';
	document.getElementById(deselectedButtonId + "_list").style.visibility = 'hidden';
        
    var browser=navigator.appName;
    if(browser.toUpperCase() == 'NETSCAPE'){
        removeGradientDivs(buttonId);
    }  
}

/*
** Add new car model to the selectedModels array. This array will be copied to cookie as JSON data when next button is pressed.
*/ 
function addCarModel(checkBox) {
    var modelId = $(checkBox).attr('id');   
    // get the id of the checkbox as it's the node id of the car model.
    if ($(checkBox).attr('checked')) {       
        if (jQuery.inArray(modelId, selectedModels) == -1) {
            // try to add the new model. First check if we have less than 2 models selected.
            if (selectedModels[0] == '' || selectedModels[0] == undefined) {
                selectedModels[0] = modelId;                
            }  else if (selectedModels[1] == '' || selectedModels[1] == undefined) {
                selectedModels[1] = modelId;                
            } else {
                 $('#message_btn').html("U kunt helaas maar twee auto's selecteren.");
                 $(checkBox).attr('checked', false);
            }           
        }
    } else {   
        // remove it from the array
        selectedModels.splice(jQuery.inArray(modelId, selectedModels), 1);
        // remove the error message if it was set
        $('#message_btn').html("");          
    } 
    
}

function setSelectedModelsButton(currentStep) {
    var action = 'nop';
    var return_step = true;
    if (typeof(selectedModels) != "object") {
        selectedModels = new Array();
    }
    
    if (currentStep == 'First') {
        action = 'nop';
        
        if ($.cookies.get('selectedModels0') != '') {
            selectedModels[0] = $.cookies.get('selectedModels0');            
        }

        if ($.cookies.get('selectedModels1') != '') {
            selectedModels[1] = $.cookies.get('selectedModels1');
        }
    } else if (currentStep == 'Second') {
        action = 'drop';
    } else if (currentStep == 'Third') {
        action = 'nop';
    } else if (currentStep == 'Confirmation') {
        action = 'nop';
    }    

    // set selected models one by one in cookie
    if (selectedModels[0] != undefined) {
        $.cookies.set('selectedModels0', selectedModels[0])
    } else {        
        if (action == 'drop') {         
            $.cookies.del('selectedModels0')
        }
    }
    
    if (selectedModels[1] != undefined) {
        $.cookies.set('selectedModels1', selectedModels[1])
    } else {
        if (action == 'drop') {
            $.cookies.del('selectedModels1')
        }
    } 
    
    if($.cookies.get('selectedModels0') == undefined && $.cookies.get('selectedModels1') == undefined && currentStep == 'Second'){ 
        $('#message_btn').html("U dient minimaal 1 auto te selecteren.");
        return_step = false;
    }   
    if(currentStep == 'Third'){          
        if ($.cookies.get('selectedDealerKind') == 'delerMap') {             
            if (getSetCookiePairValue('RequestsInfo', 'Dealer', '&', '=', null) == null) {
                $('#message_btn_dealer').html("Sorry maar wilt u alstublieft een dealer selecteren");
                return_step = false;           
            }           
        } else {
            var _dealer = $("#" + hdnSessionDealer).attr("value");
            if(_dealer < 0){   
                $('#message_btn_dealer').html("Sorry maar wilt u alstublieft een dealer selecteren");         
                return_step = false;
            }
        }
    } 
    
    
    return return_step;  
}

$(document).ready(function() {
    if (typeof(selectedModels) != "object") {
        selectedModels = new Array();
    }
    
    if ($.cookies.get('selectedModels0') != '') {
        selectedModels[0] = $.cookies.get('selectedModels0');
    }

    if ($.cookies.get('selectedModels1') != '') {
        selectedModels[1] = $.cookies.get('selectedModels1');
    }
});

function getSetCookiePairValue(cookieName, cookiePairName, keyValueDelimiter, valueDelimiter, newCookieValue){
    var retVal = null;
    var cookie = GetCookie(cookieName);  
    
    if (cookie != null)   
    {
        var tokens = cookie.split(keyValueDelimiter);
        var cookiePairNamePlusDelimiter = cookiePairName + valueDelimiter;
        
        for(i=0;i<tokens.length;i++) {
            var token = tokens[i];  
            
            if (token.indexOf(cookiePairNamePlusDelimiter) >= 0)
            {            
                retVal = token.substring(token.indexOf(valueDelimiter)+1, token.length);                
                
                if (newCookieValue != null)            
                {
                    if (newCookieValue == '')
                    {            
                        cookie = cookie.replace(retVal, '');
                        $.cookies.set(cookieName, cookie);
                        retVal = null;
                    }
                    else
                    {
                        cookie = cookie.replace(token, cookiePairNamePlusDelimiter + newCookieValue);
                        SetCookie(cookieName, cookie);          
                        retVal = cookiePairNamePlusDelimiter + newCookieValue;       
                    }
                }
            }
        }
    }
    else if (newCookieValue != null)
    {
        retVal = cookiePairName + valueDelimiter + newCookieValue;
        SetCookie(cookieName, retVal);
    }  
      
    return retVal;
}


function removeGradientDivs(button)
{

    var divHite = $('#' + button + "_list").height();	
	var topHeight = document.getElementById("top_label").offsetHeight + document.getElementById("top_steps").offsetHeight + 110;
	
	elem = document.getElementsByClassName("gradientDiv");
	var maxHeight = 0+'px';
	for(i=0;i<elem.length;i++) {
	    if(maxHeight.slice(0,-2) > (divHite+topHeight)){
    	    elem[i].style.visibility = 'hidden';
	    } else {
	        maxHeight = elem[i].style.top ;
	        elem[i].style.visibility = 'visible';
	    }
    			
    }
}

function removeMainGradientDivs()
{
    var browser=navigator.appName;
    
    if(browser.toUpperCase() == 'NETSCAPE'){
        var divHite = document.getElementById("gradient_above").offsetHeight;
    	
	    elem = document.getElementsByClassName("gradientDiv");
	    var maxHeight = 0+'px';
	    for(i=0;i<elem.length;i++) {	       
    	        elem[i].style.visibility = 'hidden';	      	
        }
        createGradient();
    }
}