var carFirst = true;
var suvFirst = true;
var truckFirst = true;
var hybridFirst = true;

function bannerClick(url){
	location.href = url + "?user_id=" + user_id;
}
function change_case(what)
{
	what.value = toProperCase(what.value)
}
function toProperCase(s)
{
	return s.toLowerCase().replace(/^(.)|\s(.)/g, 
		function($1) { return $1.toUpperCase(); });
}




function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt) {
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt) {
    carousel.remove(i);
};

/**
* Item html creation helper.
*/
function mycarousel_getItemHTML(item) {
    var href_m = item.href;
    //alert(href_m);
    var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
    return '<a href="' + href_m + '" title="' + item.title + '" target="_self"><img src="' + item.url + '" width="170" height="80" border="0" alt="' + item.title + '" /></a>';
};

jQuery(document).ready(function() {
   
});

function enlargeMe(thisVehicle, type, evoxImage, vehYear, vehMake, vehModel) {
	currentType=type;
	document.getElementById(thisVehicle).style.background = "url(" + evoxImage + ")";
	document.getElementById(thisVehicle).style.backgroundPosition = "0px -30px";
	document.getElementById(thisVehicle).style.backgroundRepeat = "no-repeat";
    switch (type) {
        case 'car':
            //currentCarHTML = document.getElementById(thisVehicle).innerHTML;
            currentVehicle = currentCar;
            currentCar = thisVehicle;
            currentTop = currentTopCar;
            currentLeft = currentLeftCar;
            break;
        case 'suv':
            currentVehicle = currentSUV;
            currentSUV = thisVehicle;
            currentTop = currentTopSUV;
            currentLeft = currentLeftSUV;
            break;
        case 'truck':
            currentVehicle = currentTruck;
            currentTruck = thisVehicle;
            currentTop = currentTopTruck;
            currentLeft = currentLeftTruck;
            break;
        case 'hybrid':
            currentVehicle = currentHybrid;
            currentHybrid = thisVehicle;
            currentTop = currentTopHybrid;
            currentLeft = currentLeftHybrid;
            break;
    }
    if ($('#' + thisVehicle).width() < "300") {
		document.getElementById(currentType + "VehicleModels").innerHTML = "";
        $('#' + thisVehicle).animate({ 'width': '300px', 'left': '165px', 'height': '190px', 'top': '15px' }, 750,
									 function(){
										 document.getElementById(currentType + "TitleText").innerHTML = '';
										 }
									 );
        $('#' + thisVehicle + '> img').hide("slow");
        
        //document.getElementById(currentVehicle).innerHTML = currentCarHTML;
        $('#' + currentVehicle).animate({ 'width': '50px', 'left': currentLeft, 'height': '50px', 'top': currentTop }, 750);
        $('#' + currentVehicle + '> img').show(750);
		
		switch (type) {
            case 'car':
                currentTopCar = $('#' + thisVehicle).css("top");
                currentLeftCar = $('#' + thisVehicle).css("left");
                break;
            case 'suv':
                currentTopSUV = $('#' + thisVehicle).css("top");
                currentLeftSUV = $('#' + thisVehicle).css("left");
                break;
            case 'truck':
                currentTopTruck = $('#' + thisVehicle).css("top");
                currentLeftTruck = $('#' + thisVehicle).css("left");
                break;
            case 'hybrid':
                currentTopHybrid = $('#' + thisVehicle).css("top");
                currentLeftHybrid = $('#' + thisVehicle).css("left");
                break;
        }
		
		setSliderModels(thisVehicle, currentType, vehYear, vehMake, vehModel);
    }
}


function setSliderModels(theVehicle, currentType, vehYear, vehMake, vehModel){
	document.getElementById(currentType + "VehicleModels").innerHTML = document.getElementById(currentType + "VehicleModels").innerHTML + "<div style='float:left; width:100%; margin-top:5px;'><div class='modelColorTitle'>Model Trims"
	var sURL = "include/functions.asp?action=getvinstylenameimage&year=" + vehYear + "&make=" + vehMake + "&model=" + vehModel;
	var htmlModels = "";
	//alert(vehModel);
	document.body.style.cursor = "wait";
	var aa = $.ajax({url: sURL, async: false }).responseText;
	document.body.style.cursor = "default";
	//alert(aa);
	htmlModels=aa.split("|");
	for(loop1 = 0; loop1 < htmlModels.length; loop1++){
		var trims = htmlModels[loop1].split("#");
		document.getElementById(currentType + "VehicleModels").innerHTML = document.getElementById(currentType + "VehicleModels").innerHTML + "<div onclick='switchModelImage(\"" + theVehicle + "\",\"" + trims[1] + "\",\"" + trims[0] + "\",\"" + vehYear + "\",\"" + vehMake + "\",\"" + vehModel + "\"); testing(\"" + vehYear + "\",\"" + vehMake + "\",\"" + vehModel + "\")' style='float:left;width:33%;text-align:center; padding-top:3px;'><img style='border:solid 1px #999; cursor:pointer;' src='" + trims[1] + "' width='60'></div>";
	}
	document.getElementById(currentType + "VehicleModels").innerHTML = document.getElementById(currentType + "VehicleModels").innerHTML + "</div>"
	
	document.getElementById(currentType + "VehicleModels").innerHTML = document.getElementById(currentType + "VehicleModels").innerHTML + "<div style='float:left; width:100%; margin-top:5px;'><div class='modelColorTitle'>Model Colors"
	var sURL = "include/functions.asp?action=getvincolors&year=" + vehYear + "&make=" + vehMake + "&model=" + vehModel;
	//alert(sURL);
	var htmlModels = "";
	document.body.style.cursor = "wait";
	var aa = $.ajax({url: sURL, async: false }).responseText;
	document.body.style.cursor = "default";
	htmlModels=aa.split("|");
	for(loop1 = 0; loop1 < htmlModels.length; loop1++){
		var colors = htmlModels[loop1].split("#");
		document.getElementById(currentType + "VehicleModels").innerHTML = document.getElementById(currentType + "VehicleModels").innerHTML + "<div onclick='switchModelImage(\"" + theVehicle + "\",\"" + colors[0] + "\",\"" + colors[2] + "\",\"" + vehYear + "\",\"" + vehMake + "\",\"" + vehModel + "\")' class='modelColor' style='background-color:#" + colors[1] + "'></div>";
	}
	document.getElementById(currentType + "VehicleModels").innerHTML = document.getElementById(currentType + "VehicleModels").innerHTML + "</div>"
}


function switchModelImage(divID, modelImage, modelText, carYear, carMake, carModel){
	document.getElementById(divID).style.background = "url(" + modelImage + ")";
	document.getElementById(divID).style.backgroundPosition = (modelImage.toLowerCase().indexOf("evox") > 0) ? "0px -20px" : "0px center"; 
	document.getElementById(divID).style.backgroundSize = (modelImage.toLowerCase().indexOf("evox") > 0) ? "100% 100%" : "80% 80%"; 
	document.getElementById(divID).style.backgroundRepeat = "no-repeat";
	document.getElementById(currentType + "TitleText").innerHTML = "<div style='width:100%; text-align:center; font-size:14px; font-weight:bold'>" + modelText + "</div>";
	document.getElementById(currentType + "InventoryLink").innerHTML = "<div style='width:120px; margin:0 auto; text-align:center; font-size:11px;'><a id='btnInventory' class='clickButtonSm' href='#' onclick=\"updateUserSearch('" + carYear + "','" +  carMake + "','" + carModel + "', '', 'N');return false\">View Inventory</a></div>";
}