var selectedMake = "";
var selectedYear = "";
var selectedModel = "";
var selectedCab = "";
var selectedBed = "";
var selectedSize = "";
var selectedSizeShell = "";

var cap = "";

var bedImageUrl = "/assets/images/truckstyles/";
var cabImageUrl = "/assets/images/truckstyles/";
var shortBedTB;
var longBedTB;

var BedArray = [];
var q = 0;
var CabArray = [];
var x = 0;

var match = false;
var cc = 0;
var fc = "";

var makePageIndex = 0;
var modelPageIndex = 0;

/* The following is for paging */
var currentClass = "";
var LeftArrow = false;
var RightArrow = true;
var thingy;
var firstTime = true;
var d = new Date();
var time = d.getTime();
/* End of paging variables */

var currentPage = 1;
var totalPages = 1;
var totalMakes = 1;

var suppliedMake = "";
var suppliedModel = "";
var suppliedYear = "";
var suppliedBed = "";
var makesCreated = false;
var yearsCreated = false;
var modelsCreated = false;
var bedsCreated = false;
var stepTwoVariation = false;

var popularVisible = true;

String.prototype.contains = function(txt) {
    return this.indexOf(txt) >= 0;
}

jQuery.fn.swap = function(b) {
    b = jQuery(b)[0];
    var a = this[0];

    var t = a.parentNode.insertBefore(document.createTextNode(''), a);
    b.parentNode.insertBefore(a, b);
    t.parentNode.insertBefore(b, t);
    t.parentNode.removeChild(t);

    return this;
};


function DisplaySelection() {

	//var type = $(this).attr('modelType');
	var type = "auto";
	var titleText = $("input[id$='titleTextHiddenField']").val();
	if (titleText.toUpperCase().contains("TRUCK")) type = "truck";
	//alert(type); //?? need to find out how many times this is called... and when type == ""
	
	if (type == "auto") {
		if (selectedMake != "" && selectedYear != "" && selectedModel != "") {
			$("div.currentSelection").html(selectedMake + " > " + selectedYear + " > " + selectedModel);
		} else if (selectedMake != "" && selectedYear != "") {
			$("div.currentSelection").html(selectedMake + " > " + selectedYear);
		} else if (selectedMake != "" && selectedModel != "") {
			$("div.currentSelection").html(selectedMake + " > " + selectedModel);
		} else if (selectedMake != "") {
			$("div.currentSelection").html(selectedMake);
		}
	} else if (type == "truck") {
		popularVisible = false;
		
		if (selectedMake != "" && selectedYear != "" && selectedModel != "" && selectedBed != "") {
			$("div.currentSelection").html(selectedMake + " > " + selectedYear + " > " + selectedModel + " > " + selectedBed);
		} else if (selectedMake != "" && selectedYear != "" && selectedModel != "") {
			$("div.currentSelection").html(selectedMake + " > " + selectedYear + " > " + selectedModel);
		} else if (selectedMake != "" && selectedYear != "") {
			$("div.currentSelection").html(selectedMake + " > " + selectedYear);
		} else if (selectedMake != "" && selectedModel != "") {
			$("div.currentSelection").html(selectedMake + " > " + selectedModel);
		} else if (selectedMake != "") {
			$("div.currentSelection").html(selectedMake);
		}
	}
	
	$("div.youHaveSelected p").show();
	
}

$(document).ready(function() {

	var titleText = $("input[id$='titleTextHiddenField']").val();
	var makesXmlFilename = "auto_makes.xml";
	if (titleText.toUpperCase().contains("TRUCK")) $("span.switchBtn").show();
	
	
	suppliedMake = $("input[id$='suppliedMakeHiddenField']").val();
	suppliedModel = $("input[id$='suppliedModelHiddenField']").val();
	suppliedYear = $("input[id$='suppliedYearHiddenField']").val();
	suppliedBed = $("input[id$='suppliedBedHiddenField']").val();

	$("span.titleText").html($("input[id$='titleTextHiddenField']").val());

	$("span.SelectBed").hide();
	$("span.SelectCab").hide();

    $('span.SelectMake').click(function() {
        SelectMakeTabClick();
        MakeTabOn();
		DisplaySelection();
		if (stepTwoVariation) {
			$('span.SelectYear').swap('span.SelectModel');
			stepTwoVariation = false;
		}
    });

    $('span.SelectModel').click(function() {
        if (selectedMake != "" && selectedYear != "") {
            SelectModelTabClick();
            ModelTabOn();
			DisplaySelection();
        }
    });

    $('span.SelectYear').click(function() {
        if (selectedMake != "") {
            SelectYearTabClick();
            YearTabOn();
			DisplaySelection();
        }
    });

    $('span.SelectCab').click(function() {
        if (selectedMake != "" && selectedYear != "" && selectedModel != "" && selectedBed != "") {
			SelectCabTabClick();
            CabTabOn();
			DisplaySelection();
        }
    });

    $('span.SelectBed').click(function() {
        if (selectedMake != "" && selectedYear != "" && selectedModel != "") {
            SelectTruckBedTabClick();
            BedTabOn();
			DisplaySelection();
        }
    });
	
	$("a.rightArrow").click(function() {
		if (firstTime == true) {
			var e = new Date();
			time = e.getTime() + 500;
			executeRight();
		} else if (firstTime == false) {
			var currentTime = new Date();
			if (currentTime.getTime() >= time) {
				executeRight();
			}
		}
		return false;
	});
	
	$("a.leftArrow").click(function() {
		if (firstTime == true) {
			var e = new Date();
			time = e.getTime() + 500;
			executeLeft();
		} else if (firstTime == false) {
			var currentTime = new Date();
			if (currentTime.getTime() >= time) {
				executeLeft();
			}
		}
		return false;
	});

	if (suppliedMake != "" && suppliedYear != "" && suppliedModel != "" && suppliedBed != "")
	{
		selectedMake = suppliedMake;
		$("p.selectedMakeTag").html(selectedMake);
		
		selectedYear = suppliedYear;
        $("p.selectedYearTag").html(selectedYear);
		
		selectedModel = suppliedModel;
		$("p.selectedModelTag").html(selectedModel);
		
		$("a.leftArrow").css("display", "none");
		LeftArrow = false;
		
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
		
		$("span.SelectBed").show();
        
		
		
        CabTabOn();
		
        $('#TruckBed').hide();
        $('#TruckCab').empty().show();

        var cabgraphic;

        selectedBed = suppliedBed;
		
		if (selectedBed.contains("Shell")) {
			cap = "true";
			selectedBed = selectedBed.substring(0, selectedBed.indexOf(" with Shell"));
		} else {
			cap = "false";
		}
		
        $("p.selectedBedTag").html(selectedBed);
		
        $.ajax(
        {
            type: "GET",
            url: "/assets/xml/truck_cabs.xml",
            dataType: "xml",
            success: function(xml) {
                $(xml).find('option').each(function() {

                    var make = $(this).attr('make');
                    var year_start = $(this).attr('year_start');
                    var year_end = $(this).attr('year_end');
                    var model = $(this).attr('model');
                    var bed = $(this).attr('bed');
                    var cab = $(this).attr('cab');
                    cabgraphic = $(this).attr('cabgraphic');
                    var size = $(this).attr('size');
					var sizeShell = $(this).attr('size_shell');
					
					bed = jQuery.trim(bed);
					selectedBed = jQuery.trim(selectedBed);

					
                    if (make.toUpperCase() == selectedMake.toUpperCase() && parseFloat(year_start, 10) <= parseFloat(selectedYear, 10) && parseFloat(year_end, 10) >= parseFloat(selectedYear, 10) && model.toUpperCase() == selectedModel.toUpperCase() && bed.toUpperCase() == selectedBed.toUpperCase()) {
						CreateCabList(cab, cabgraphic, size, sizeShell);
                    }

                });

                CreateCabClick();
				$("span.SelectCab").show();
            }

        });
		
		DisplaySelection();
		
	}
	else if (suppliedMake != "" && suppliedYear != "")
	{
		selectedMake = suppliedMake;
		$("p.selectedMakeTag").html(selectedMake);
		
		$("a.leftArrow").css("display", "none");
		LeftArrow = false;
		
		
        
        ModelTabOn();

        $('.YearList').hide();

        selectedYear = suppliedYear;
        $("p.selectedYearTag").html(selectedYear);
		
		var rowCount = 1;
		var xPos = 25;
		var yPos = 15;
		
		var modelCount = 0;
		
		var titleText = $("input[id$='titleTextHiddenField']").val();
		var selectedType = "auto";
		if (titleText.toUpperCase().contains("TRUCK")) selectedType = "truck";

        $.ajax(
        {
            type: "GET",
            url: "/assets/xml/auto_models.xml",
            dataType: "xml",
            success: function(xml) {

                $('.ModelList').html("");

                $(xml).find('option').each(function() {

                    var make = $(this).attr('make');
                    var model = $(this).attr('model');
                    var year_start = $(this).attr('year_start');
                    var year_end = $(this).attr('year_end');
					var type = $(this).attr('type');
					
					if ((selectedType == "truck" && type == selectedType) || (selectedType == "auto")) {
						if (make.toUpperCase() == selectedMake.toUpperCase() && parseFloat(year_start, 10) <= parseFloat(selectedYear, 10) && parseFloat(year_end, 10) >= parseFloat(selectedYear, 10)) {
							
							CreateModelList(model, type, xPos, yPos);
							
							modelCount = modelCount + 1;
							
							if (rowCount <= 7) {
								rowCount = rowCount + 1;
								yPos = yPos + 20;
							} else if (rowCount >= 8) {
								rowCount = 1;
								xPos = xPos + 200;
								yPos = 15;
							}
							
						}
					}

                });
				
				totalPages = Math.ceil(modelCount/24);
				
				//alert(modelCount);
				
				if (modelCount > 24) {					
					$("a.rightArrow").css("display", "block");
					RightArrow = true;
				} else {
					$("a.rightArrow").css("display", "none");
					RightArrow = false;
				}

                CreateModelClick();

                $('.ModelList').show();
            }

        });
		
		DisplaySelection();
		
	}
	else if (suppliedMake != "" && suppliedModel != "")
	{
		selectedMake = suppliedMake;
		$("p.selectedMakeTag").html(selectedMake);
		
		selectedModel = suppliedModel;
		$("p.selectedModelTag").html(selectedModel);
		
		//alert(suppliedMake + " " + suppliedModel);
		
		var move = "0px";
		$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
		currentPage = 1;
		
		$("a.leftArrow").css("display", "none");
		LeftArrow = false;
		
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
		
        SpecialYearTabOn();
		
		$('span.SelectModel').swap('span.SelectYear');
	
        $('.MakeList').hide();
		
		var titleText = $("input[id$='titleTextHiddenField']").val();
		var makesXmlFilename = "auto_makes.xml";
		var selectedType = "auto";
		if (titleText.toUpperCase().contains("TRUCK")) selectedType = "truck";
		
		$.ajax(
        {
            type: "GET",
            url: "/assets/xml/" + makesXmlFilename,
            dataType: "xml",
            success: function(xml) {

                $(xml).find('option').each(function() {
					
                    var make = $(this).attr('make');
                    var year_start = $(this).attr('year_start');
                    var year_end = $(this).attr('year_end');
					var type = $(this).attr('type');

                    if (make.toUpperCase() == suppliedMake.toUpperCase() && type == selectedType) {
                        CreateYearList(year_start, year_end);
						yearsCreated = true;
						stepTwoVariation = true;
                    }

                });
            }

        });
		
		DisplaySelection();
		
	}
	else if (suppliedMake != "")
	{
		var move = "0px";
		$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
		currentPage = 1;
		
		$("a.leftArrow").css("display", "none");
		LeftArrow = false;
		
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
		
        
        YearTabOn();
	
        $('.MakeList').hide();
		
		selectedMake = suppliedMake;
		$("p.selectedMakeTag").html(selectedMake);
		
		var titleText = $("input[id$='titleTextHiddenField']").val();
		var makesXmlFilename = "auto_makes.xml";
		var selectedType = "auto";
		if (titleText.toUpperCase().contains("TRUCK")) selectedType = "truck";

        $.ajax(
        {
            type: "GET",
            url: "/assets/xml/" + makesXmlFilename,
            dataType: "xml",
            success: function(xml) {

                $(xml).find('option').each(function() {
					
                    var make = $(this).attr('make');
                    var year_start = $(this).attr('year_start');
                    var year_end = $(this).attr('year_end');
					var type = $(this).attr('type');

                    if (make.toUpperCase() == suppliedMake.toUpperCase() && type == selectedType) {
                        CreateYearList(year_start, year_end);
						yearsCreated = true;
                    }

                });
            }

        });
		
		DisplaySelection();
	}
	else
	{
	
		var titleText = $("input[id$='titleTextHiddenField']").val();
		var makesXmlFilename = "auto_makes.xml";
		if (titleText.toUpperCase().contains("TRUCK") == false && popularVisible == true)
		{
			//alert("should load popular!")
		  $.ajax(
			{
				type: "GET",
				url: "/assets/xml/" + makesXmlFilename,
				dataType: "xml",
				success: function(xml) {
					CreatePopularMakeList(xml);
				}
			});
			
			makesCreated = true;

		}
		else
		{	
		//alert(popularVisible + "regular makes");	
		$.ajax(
		{
			type: "GET",
			url: "/assets/xml/" + makesXmlFilename,
			dataType: "xml",
			success: function(xml) {
				CreateMakeList(xml);
			}
		});
		
		makesCreated = true;
		}
	}
});

function executeRight() {

	var amountMinus = 587;
	
	thingy = $("div.AutoTruckNotFlash div.InsideStuff").position();

	if (currentPage < totalPages) {
		if (LeftArrow == false) {
			$("a.leftArrow").css({
				'display': 'block'
			});
		}
		var move = thingy.left - amountMinus;
		move = move + "px";
		$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
		thingy = $("div.AutoTruckNotFlash div.InsideStuff").position();
		LeftArrow = true;
		currentPage = currentPage + 1;
	}
	
	if (currentPage == totalPages) {
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
	}
	
	var e = new Date();
	time = e.getTime() + 500;
	firstTime = false;
	
}

function executeLeft(){

	var amountPlus = 587;

	thingy = $("div.AutoTruckNotFlash div.InsideStuff").position();

	if (currentPage > 1) {
		if (RightArrow == false) {
			$("a.rightArrow").css({
				'display': 'block',
				'position': 'absolute',
				'right': '5px',
				'z-index': '150'
			});
		}
		var move = thingy.left + amountPlus;
		move = move + "px";
		$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
		thingy = $("div.AutoTruckNotFlash div.InsideStuff").position();
		RightArrow = true;
		currentPage = currentPage - 1;
	}
	
	if (currentPage == 1) {
		$("a.leftArrow").fadeOut("fast");
		LeftArrow = false;
		
		var reset = "0px";
		$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: reset }, 500);
		
	}
	
	var e = new Date();
	time = e.getTime() + 500;
	firstTime = false;
}

function CreateMakeList(xml) {
    $('.MakeList').html("");
	
	popularVisible = false;
	
    var rowCount = 1;
    var xPos = 15;
    var yPos = 0;
	var colCount = 1;
	
	var makeCount = 0;
	
	var titleText = $("input[id$='titleTextHiddenField']").val();
	var selectedType = "auto";
	if (titleText.toUpperCase().contains("TRUCK")){
		 selectedType = "truck";
	}else {
	$("span.switchBtn").text("View Popular Makes").show().click(function(){
		//$("span.switchBtn").append("<img src=\"/assets/images/loadingAnimation.gif\" class=\"loadingAnimation\" alt=\"loading...\" />");
		if(popularVisible == false){
		  $.ajax(
			{
				type: "GET",
				url: "/assets/xml/auto_makes.xml",
				dataType: "xml",
				success: function(xml) {
					CreatePopularMakeList(xml);
				}
			});
			popularVisible = true;
		}
		$("span.titleText").text("Most Popular Auto Makes:");
		$(this).text("View All Makes");
	});
	
	}
	 
	
    $(xml).find('option').each(function() {

        var make = $(this).attr('make');
		var type = $(this).attr('type');
		
		if (type == selectedType) {

			var $node = $('<span style=\"position: absolute; top:' + yPos + 'px; left:' + xPos + 'px\" class=\"selectedMake\">' + make + '</span>');

			$('.MakeList').append($node);

			if (rowCount <= 7) {
				rowCount = rowCount + 1;
				yPos = yPos + 20;
			} else if (rowCount >= 8 && colCount == 1) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 185;
				yPos = 0;
			} else if (rowCount >= 8 && (colCount == 3 || colCount == 6)) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 215;
				yPos = 0;
			} else if (rowCount >= 8 && (colCount == 4 || colCount == 7)) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 185;
				yPos = 0;
			} else if (rowCount >= 8 && (colCount == 5 || colCount == 8)) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 185;
				yPos = 0;
			} else if (rowCount >= 8) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 200;
				yPos = 0;
			}
			
			makeCount = makeCount + 1;
		
		}

    });
	
	totalPages = Math.ceil(makeCount/24);
	//totalMakes = totalPages;
	totalMakes = makeCount;
	
	//alert(makeCount);
	
	if (makeCount > 24) {
		$("a.rightArrow").css("display", "block");
		RightArrow = true;
	} else {
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
	}

    CreateMakeClick();
	$('img.loadingAnimation').remove();
}
function CreatePopularMakeList(xml) {
    $('.MakeList').html("");
	
    var rowCount = 1;
    var xPos = 15;
    var yPos = 0;
	var colCount = 1;
	
	var makeCount = 0;
	
	var titleTextVal = $("input[id$='titleTextHiddenField']").val();
	var selectedType = "auto";
	$("span.titleText").text("Most Popular Auto Makes:");
	$("span.switchBtn").text("View All Makes").show().click(function(){
		//$("span.switchBtn").append("<img src=\"/assets/images/loadingAnimation.gif\" class=\"loadingAnimation\" alt=\"loading...\" />");
		if(popularVisible == true){
		  $.ajax(
			{
				type: "GET",
				url: "/assets/xml/auto_makes.xml",
				dataType: "xml",
				success: function(xml) {
					CreateMakeList(xml);
				}
			});
			popularVisible = false;
		}
		$("span.titleText").text("Car Cover Selector");
		$(this).text("View Popular Makes");
	});
	
	//HERE!
	
	
	if (titleTextVal.toUpperCase().contains("TRUCK")) selectedType = "truck";
	 
	
    $(xml).find('popular').each(function() {

        var make = $(this).attr('make');
		var type = $(this).attr('type');
		
		if (type == selectedType) {

			var $node = $('<span style=\"position: absolute; top:' + yPos + 'px; left:' + xPos + 'px\" class=\"selectedMake\">' + make + '</span>');

			$('.MakeList').append($node);

			if (rowCount <= 7) {
				rowCount = rowCount + 1;
				yPos = yPos + 20;
			} else if (rowCount >= 8 && colCount == 1) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 185;
				yPos = 0;
			} else if (rowCount >= 8 && (colCount == 3 || colCount == 6)) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 215;
				yPos = 0;
			} else if (rowCount >= 8 && (colCount == 4 || colCount == 7)) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 185;
				yPos = 0;
			} else if (rowCount >= 8 && (colCount == 5 || colCount == 8)) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 185;
				yPos = 0;
			} else if (rowCount >= 8) {
				colCount = colCount + 1;
				rowCount = 1;
				xPos = xPos + 200;
				yPos = 0;
			}
			
			makeCount = makeCount + 1;
		
		}

    });
	
	totalPages = Math.ceil(makeCount/24);
	//totalMakes = totalPages;
	totalMakes = makeCount;
	var move = "0px";
	$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
	currentPage = 1;
	
	$("a.leftArrow").css("display", "none");
	LeftArrow = false;

	//alert(makeCount);
	
	if (makeCount > 24) {
		$("a.rightArrow").css("display", "block");
		RightArrow = true;
	} else {
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
	}

    CreateMakeClick();
	$('img.loadingAnimation').remove();
}

function CreateMakeClick() {
    $("span.selectedMake").click(function(e) {
				
		var move = "0px";
		$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
		currentPage = 1;
		
		$("a.leftArrow").css("display", "none");
		LeftArrow = false;
		
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
		
        
        YearTabOn();
	
        $('.MakeList').hide();

        selectedMake = $(this).html();
        $("p.selectedMakeTag").html(selectedMake);
		
		// Google Event Tracking
        //SetGoogleEvent("AutoSelector", "Choose", "Make", selectedMake);
        try
        {
            pageTracker._setCustomVar(1, "Make", selectedMake, 2);
            pageTracker._trackPageview();
        }
        catch (err) { }
		
		var titleText = $("input[id$='titleTextHiddenField']").val();
		var makesXmlFilename = "auto_makes.xml";
		var selectedType = "auto";
		if (titleText.toUpperCase().contains("TRUCK")) selectedType = "truck";

        $.ajax(
        {
            type: "GET",
            url: "/assets/xml/" + makesXmlFilename,
            dataType: "xml",
            success: function(xml) {

                $(xml).find('option').each(function() {
					
                    var make = $(this).attr('make');
                    var year_start = $(this).attr('year_start');
                    var year_end = $(this).attr('year_end');
					var type = $(this).attr('type');

                    if (make.toUpperCase() == selectedMake.toUpperCase() && type == selectedType) {
                        CreateYearList(year_start, year_end);
                    }

                });
            }

        });
		
		DisplaySelection();
		
    });
}

function CreateYearList(startYear, endYear) {
	
    var type = "auto";
    var titleText = $("input[id$='titleTextHiddenField']").val();
    if (titleText.toUpperCase().contains("TRUCK"))
    { 
        type = "truck";
        $("span.titleText").text(selectedMake+" Truck Cover Selector");
        $("span.switchBtn").hide();
    }else{
        $("span.titleText").text(selectedMake+" Cover Selector");
        $("span.switchBtn").hide();
    }		
	
	var rowCount = 1;
    var xPos = 25;
    var yPos = 15;
	
    $('.YearList').html("");
    startYear = parseFloat(startYear, 10);
    endYear = parseFloat(endYear, 10);
    for (i = endYear; i >= startYear; i--) {
		
		var $node = $('<span style=\"position: absolute; top:' + yPos + 'px; left:' + xPos + 'px\" class=\"selectedYear\">' + i + '</span>');
        
		$('.YearList').append($node);
		
		if (rowCount <= 7) {
            rowCount = rowCount + 1;
            yPos = yPos + 20;
        } else if (rowCount >= 8) {
            rowCount = 1;
            xPos = xPos + 50;
            yPos = 15;
        }
		
    }

    CreateYearClick();
	
	yearsCreated = true;

    $('.YearList').show();
}

function CreateYearClick() {

    $("span.selectedYear").click(function(e) {
	
		$("a.leftArrow").css("display", "none");
		LeftArrow = false;
	
        
        ModelTabOn();

        $('.YearList').hide();

        selectedYear = $(this).html();
        $("p.selectedYearTag").html(selectedYear);
		
		// Google Event Tracking
        //SetGoogleEvent("AutoSelector", "Choose", "Year", selectedYear);
        try
        {
            pageTracker._setCustomVar(3, "Year", selectedYear, 2);
            pageTracker._trackPageview();
        }
        catch (err) { }
		
		//alert(stepTwoVariation);
		
		if(stepTwoVariation == true) {
			
			$.ajax(
			{
				type: "GET",
				url: "/assets/xml/auto_models.xml",
				dataType: "xml",
				success: function(xml) {

					$(xml).find('option').each(function() {

						var make = $(this).attr('make');
						var model = $(this).attr('model');
						var type = $(this).attr('type');
						var size = $(this).attr('size');
						var customSize = $(this).attr('customSize');

						if (make.toUpperCase() == selectedMake.toUpperCase() && model.toUpperCase() == selectedModel.toUpperCase()) {
							
							//alert(type);
							
							
							if (type == 'truck') {
								BedTabOn();
								$('.ModelList').hide();
								$('#TruckBed').show();

								var cabgraphic;

								$.ajax(
								{
									type: "GET",
									url: "/assets/xml/truck_beds.xml",
									dataType: "xml",
									success: function(xml) {


										$(xml).find('option').each(function() {

											var make = $(this).attr('make');
											var year_start = $(this).attr('year_start');
											var year_end = $(this).attr('year_end');
											var model = $(this).attr('model');
											var bed = $(this).attr('bed');
											bedGraphic = $(this).attr('bedgraphic');
											bedGraphicShell = $(this).attr('graphic_shell');
											

											if (make == selectedMake && parseFloat(year_start, 10) <= parseFloat(selectedYear, 10) && parseFloat(year_end, 10) >= parseFloat(selectedYear, 10) && model == selectedModel) {
												CreateBedList(bed, bedGraphic, bedGraphicShell);
											}

										});


										CreateBedClick();
										$("span.SelectBed").show();

									}

								});
								
								DisplaySelection();
								
							} else if (type == 'auto') {
								
								var urlType = $("input[id$='urlTypeHiddenField']").val();
								
								var lineItemText = $("input[id$='lineItemHiddenField']").val();
								
								var productText = $("input[id$='productHiddenField']").val();
								
								
								
								if (selectedModel == "LIMOUSINE") {
									window.top.location.href = 'http://www.empirecovers.com/limo_covers.aspx';
								}
								else if (urlType == "popup") {
									window.top.location.href = 'anotherpost.aspx?make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size + '&cs=' + customSize + '&id=' + lineItemText;
								}
								else if (urlType == "outer") {
									window.top.location.href = '/auto_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size  + '&cs=' + customSize;
								}
								else if (urlType == "prodsnipAdd") {
									window.location.href = 'anotherpost.aspx?make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size=' + selectedSize + '&p=' + productText;
								}
								else if (urlType == "prodsnip") {
									if (productText == "coolcap") {
										if (size == "1" || size == "2" || size == "3" || size == "4" || size == "5" ||size=="S-1" || size=="S-2" || size=="S-3") {
											size ="77"
										window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size  + "&source=selectionPop";
												}
												if (size == "V-1" || size == "V-2" || size == "V-3" ||  size == "T-3X" || size=="T-4" || size=="T-4X" || size == "T-9" || 
												size == "U-0" || size == "U-2" || size == "U-3" || size == "U-4") 
												{
												size ="99" 
										window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size  + "&source=selectionPop";
												}
												if (size == "T-2" || size == "T-2X" || size == "T-3") {
												size ="88"
											window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size  + "&source=selectionPop";
												}
											}
											else{
									window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size + '&cs=' + customSize + "&source=selectionPop";
											}
								}
								else if (urlType == "detailPop") {
									window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size  + '&cs=' + customSize + "&source=selectionPop";
								}
								else if (urlType == "inner") {
									window.top.location.href = 'auto_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size  + '&cs=' + customSize;
								}
								else {
									window.top.location.href = '/auto_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size  + '&cs=' + customSize;
								}
							}
							
							
						}

					});

				}

			});
			
		} else {
		
			var rowCount = 1;
			var xPos = 15;
			var yPos = 15;
			var colCount = 1;
			
			var modelCount = 0;
			
			var titleText = $("input[id$='titleTextHiddenField']").val();
			var selectedType = "auto";
			if (titleText.toUpperCase().contains("TRUCK")) selectedType = "truck";

			$.ajax(
			{
				type: "GET",
				url: "/assets/xml/auto_models.xml",
				dataType: "xml",
				success: function(xml) {

					$('.ModelList').html("");

					$(xml).find('option').each(function() {

						var make = $(this).attr('make');
						var model = $(this).attr('model');
						var year_start = $(this).attr('year_start');
						var year_end = $(this).attr('year_end');
						var type = $(this).attr('type');
						var size = $(this).attr('size');
						var cs = $(this).attr('customSize');

						if (make.toUpperCase() == selectedMake.toUpperCase() && parseFloat(year_start, 10) <= parseFloat(selectedYear, 10) && parseFloat(year_end, 10) >= parseFloat(selectedYear, 10)) {
							
							if ((selectedType == "truck" && type == selectedType) || (selectedType == "auto")) {
								
								CreateModelList(model, type, xPos, yPos, size, cs);
								
								modelsCreated = true;
								
								modelCount = modelCount + 1;
								
								if (rowCount <= 7) {
									rowCount = rowCount + 1;
									yPos = yPos + 20;
								} else if (rowCount >= 8 && colCount == 1) {
									colCount = colCount + 1;
									rowCount = 1;
									xPos = xPos + 185;
									yPos = 15;
								} else if (rowCount >= 8 && (colCount == 3 || colCount == 6)) {
									colCount = colCount + 1;
									rowCount = 1;
									xPos = xPos + 215;
									yPos = 15;
								} else if (rowCount >= 8 && (colCount == 4 || colCount == 7)) {
									colCount = colCount + 1;
									rowCount = 1;
									xPos = xPos + 185;
									yPos = 15;
								} else if (rowCount >= 8 && (colCount == 5 || colCount == 8)) {
									colCount = colCount + 1;
									rowCount = 1;
									xPos = xPos + 185;
									yPos = 15;
								} else if (rowCount >= 8) {
									colCount = colCount + 1;
									rowCount = 1;
									xPos = xPos + 200;
									yPos = 15;
								}
							
							}
							
						}

					});
					
					totalPages = Math.ceil(modelCount/24);
					
					if (modelCount > 24) {
						$("a.rightArrow").css("display", "block");
						RightArrow = true;
					} else {
						$("a.rightArrow").css("display", "none");
						RightArrow = false;
					}

					CreateModelClick();

					$('.ModelList').show();
				}

			});
			
			DisplaySelection();
		
		}

    });
}

function CreateModelList(model, type, xPos, yPos, size, cs) {
	
	var $node = $('<span style=\"position: absolute; top:' + yPos + 'px; left:' + xPos + 'px\" class=\"selectedModel\" modelSize=\"'+size+'\" cs=\"'+cs+'\">' + model + '</span>');
	$node.attr('modelType', type);
	
	$('.ModelList').append($node);
	
    CabArray = [];
}


function CreateModelClick() {
    $("span.selectedModel").click(function(f) {

        var move = "0px";
        $("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
        currentPage = 1;

        $("a.leftArrow").css("display", "none");
        LeftArrow = false;

        $("a.rightArrow").css("display", "none");
        RightArrow = false;

        var type = $(this).attr('modelType');
        var size = $(this).attr('modelSize');
        var cs = $(this).attr('cs');
        //alert(size);

        if (type == 'truck') {
            BedTabOn();
            $('.ModelList').hide();
            $('#TruckBed').show();

            selectedModel = $(this).html();
            $("p.selectedModelTag").html(selectedModel);

            // Google Event Tracking
            //SetGoogleEvent("AutoSelector", "Choose", "Model", selectedModel);
				
            try
            {
				selectedModel = removeSpaces(selectedModel);
                pageTracker._setCustomVar(2, "Model", selectedModel, 2);
                pageTracker._trackPageview();
            }
            catch (err) { }

            var cabgraphic;

            $.ajax(
			{
			    type: "GET",
			    url: "/assets/xml/truck_beds.xml",
			    dataType: "xml",
			    success: function(xml) {


			        $(xml).find('option').each(function() {

			            var make = $(this).attr('make');
			            var year_start = $(this).attr('year_start');
			            var year_end = $(this).attr('year_end');
			            var model = $(this).attr('model');
			            var bed = $(this).attr('bed');
			            bedGraphic = $(this).attr('bedgraphic');
			            bedGraphicShell = $(this).attr('graphic_shell');


			            if (make.toUpperCase() == selectedMake.toUpperCase() && parseFloat(year_start, 10) <= parseFloat(selectedYear, 10) && parseFloat(year_end, 10) >= parseFloat(selectedYear, 10) && model.toUpperCase() == selectedModel.toUpperCase()) {
			                CreateBedList(bed, bedGraphic, bedGraphicShell);
			                bedsCreated = true;
			            }

			        });


			        CreateBedClick();
			        $("span.SelectBed").show();

			    }

			});

            DisplaySelection();

        } else if (type == 'auto') {

            selectedModel = $(this).html();
            $("p.selectedModelTag").html(selectedModel);


            // Google Event Tracking
            //SetGoogleEvent("AutoSelector", "Choose", "Model", selectedModel);
            try
            {
				selectedModel = removeSpaces(selectedModel);
                pageTracker._setCustomVar(2, "Model", selectedModel, 2);
                pageTracker._trackPageview();
            }
            catch (err) { }

            //alert(selectedMake + ' ' + selectedYear + ' ' + selectedModel);

            var urlType = $("input[id$='urlTypeHiddenField']").val();
            //alert(urlType);

            var lineItemText = $("input[id$='lineItemHiddenField']").val();
            //alert(lineItemText);

            var productText = $("input[id$='productHiddenField']").val();

            if (selectedModel == "LIMOUSINE") {
                window.top.location.href = 'http://www.empirecovers.com/limo_covers.aspx';
            }
            else if (urlType == "popup") {
                window.location.href = 'anotherpost.aspx?make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size=' + size + '&cs=' + cs + '&id=' + lineItemText;
            }
			else if (urlType == "prodsnipAdd") {
				window.location.href = 'anotherpost.aspx?make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size=' + size + '&p=' + productText;
			}
            else if (urlType == "outer") {
                window.top.location.href = '/auto_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size=' + size + '&cs=' + cs;
            }
            else if (urlType == "prodsnip") {
                window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size=' + size + '&cs=' + cs + "&source=selectionPop";
            }
			else if (urlType == "detailPop") {
			window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size='+ size  + '&cs=' + cs + "&source=selectionPop";
			}
            else if (urlType == "inner") {
                window.top.location.href = 'auto_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size=' + size + '&cs=' + cs;
            }
            else {
                window.top.location.href = '/auto_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&size=' + size + '&cs=' + cs;
            }
        }
    });
}

function CreateBedList(bed, bedgraphic, bedgraphicshell) {

    if ($.inArray(bed, BedArray) == -1) {
        cc = cc + 1;
        BedArray[x] = bed;
        x = x + 1;

		var $bedWithoutShell = $('<div id=\"shortBed\" class=\"selectedBedDiv\"><img class=\"bedImage\" src=\"' + bedImageUrl + bedgraphic + '\" alt=\"' + bed + '\" /><p class=\"selectedBed\">' + bed + '</p></div>');
        var $bedWithShell = $('<div id=\"shortBed\" class=\"selectedBedDiv\"><img class=\"bedImage\" src=\"' + bedImageUrl + bedgraphicshell + '\" alt=\"' + bed + '\" /><p class=\"selectedBed\">' + bed + " with Shell" + '</p></div>');

		$("#TruckBed").append($bedWithoutShell);
        $("#TruckBed").append($bedWithShell);
    }
}

function CreateBedClick() {

    $("div.selectedBedDiv").click(function(j) {
	
		$("a.leftArrow").css("display", "none");
		LeftArrow = false;
		
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
        		
		
        CabTabOn();
		
        $('#TruckBed').hide();
        $('#TruckCab').empty().show();

        var cabgraphic;

        selectedBed = $(this).find('p').text();
		//selectedBed = $(this).find('img').attr('alt');
		//var selectedBedThatMightContainShell = $(this).find('p').text();
		
		// Google Event Tracking
		//SetGoogleEvent("AutoSelector", "Choose", "Bed", selectedBed);
		
		//alert(selectedBed);
		
		if (selectedBed.contains("Shell")) {
			cap = "true";
			selectedBed = selectedBed.substring(0, selectedBed.indexOf(" with Shell"));
		} else {
			cap = "false";
		}
		
		//alert(selectedBed);
		
        $("p.selectedBedTag").html(selectedBed);
		
        $.ajax(
        {
            type: "GET",
            url: "/assets/xml/truck_cabs.xml",
            dataType: "xml",
            success: function(xml) {
                $(xml).find('option').each(function() {

                    var make = $(this).attr('make');
                    var year_start = $(this).attr('year_start');
                    var year_end = $(this).attr('year_end');
                    var model = $(this).attr('model');
                    var bed = $(this).attr('bed');
                    var cab = $(this).attr('cab');
                    cabgraphic = $(this).attr('cabgraphic');
                    var size = $(this).attr('size');
					var sizeShell = $(this).attr('size_shell');
					
					bed = jQuery.trim(bed);
					selectedBed = jQuery.trim(selectedBed);

					
                    if (make.toUpperCase() == selectedMake.toUpperCase() && parseFloat(year_start, 10) <= parseFloat(selectedYear, 10) && parseFloat(year_end, 10) >= parseFloat(selectedYear, 10) && model.toUpperCase() == selectedModel.toUpperCase() && bed.toUpperCase() == selectedBed.toUpperCase()) {
                        //alert((bed == selectedBed));
						//alert(bed.length + "" + selectedBed.length);
						CreateCabList(cab, cabgraphic, size, sizeShell);
                    }

                });

                CreateCabClick();
				$("span.SelectCab").show();
            }

        });
		
		DisplaySelection();
		
    });
}
function CreateCabList(cab, cabgraphic, size, sizeShell) {

    if ($.inArray(cab, CabArray) == -1) {

        CabArray[q] = cab;
        q = q + 1;

        var $cab = $('<div id=\"crewCab\" class=\"selectedCabDiv\"><img class=\"cabImage\" src=\"' + cabImageUrl + cabgraphic + '\" alt=\"' + cab + '\" /><p class=\"selectedCab\">' + cab + '</p><p class=\"selectedSize\">' + size + '</p><p class=\"selectedSizeShell\" style=\"display: none\">' + sizeShell + '</p> </div>');

        $('#TruckCab').append($cab);

    }
    if (CabArray.length >= 5) {
        $("div.InsideStuff").css("height", "292px");
        $("div.TonneauNotFlash").css("height", "368px");
    }
    CabArray = [];
}

function CreateCabClick() {
    $("div.selectedCabDiv").click(function() {
        selectedCab = $(this).find('p.selectedCab').text();
        selectedSize = $(this).find('p.selectedSize').text();
		selectedSizeShell = $(this).find('p.selectedSizeShell').text();
		
		// Google Event Tracking
		//SetGoogleEvent("AutoSelector", "Choose", "Cab", selectedCab);
		
		//alert(selectedSizeShell);

        $("p.selectedCabTag").html(selectedCab);
		
		/*
        if (window.location.href.indexOf("detail") != -1) {
            var currentUrl = window.location.href;
            var a = currentUrl.indexOf("p=") + 2;
            var b = currentUrl.indexOf("&urltype=");
            var product = currentUrl.substring(a, b);
			
            $.ajax({
                type: "GET",
                url: "/assets/xml/tonneau_sizing.xml",
                dataType: "xml",
                success: function(xml) {
                    $(xml).find('size[id=' + selectedSize + '] variant').each(function() {

                        var productId = $(this).attr('productId');
                        var toolbox = $(this).attr('toolBox');


                        if (product.toUpperCase() == productId.toUpperCase() && toolbox.toUpperCase() == hasToolbox.toUpperCase()) {
                            var variantId = $(this).attr('variantId');
                            window.top.location.href = '/detail.aspx?p=' + product + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize + '&toolbox=' + hasToolbox + '&v=' + variantId + '&source=tbc';
                            match = true;
                        }
                    });
                    if (match == false) {
                        showUnavailabilityError()
                    }
                }
            });
        }
        else {
            window.top.location.href = '/truck_covers.aspx?make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize;
        }
		*/
		
		var urlType = $("input[id$='urlTypeHiddenField']").val();
		//alert(urlType);
		
		var lineItemText = $("input[id$='lineItemHiddenField']").val();
		//alert(lineItemText);
		
		var productText = $("input[id$='productHiddenField']").val();
		
		if (selectedModel == "LIMOUSINE") {
			window.top.location.href = 'http://www.empirecovers.com/limo_covers.aspx';
		}
		else if (urlType == "popup") {
			window.location.href = 'anotherpost.aspx?make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize + '&id=' + lineItemText + "&cap=" + cap + "&shellsize=" + selectedSizeShell;
		}
		else if (urlType == "prodsnipAdd") {
			document.location.href = 'anotherpost.aspx?make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize + '&p=' + productText + "&cap=" + cap + "&shellsize=" + selectedSizeShell;
		}
		else if (urlType == "outer") {
			window.top.location.href = '/truck_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize + "&cap=" + cap + "&shellsize=" + selectedSizeShell;
		}
		else if (urlType == "prodsnip") {
			window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize + "&cap=" + cap + "&shellsize=" + selectedSizeShell + "&source=selectionPop";
		}
		else if (urlType == "detailPop") {
			window.top.location.href = '/detail.aspx?p=' + productText + '&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize + "&cap=" + cap + "&shellsize=" + selectedSizeShell + "&source=selectionPop";
		}
		else if (urlType == "inner") {
			window.top.location.href = 'truck_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize + "&cap=" + cap + "&shellsize=" + selectedSizeShell;
		}
		else {
			window.top.location.href = '/truck_covers.aspx?&make=' + selectedMake + '&year=' + selectedYear + '&model=' + selectedModel + '&bed=' + selectedBed + '&cab=' + selectedCab + '&size=' + selectedSize + "&cap=" + cap + "&shellsize=" + selectedSizeShell;
		}
		
		
    });
}

function showUnavailabilityError() {
    $("div.InsideStuff div#TruckBed").empty().html("Sorry, this type of cover isn't available for the truck you've selected.<br /> You can: <ul style=\"margin: 0 25px 0 -10px\"><li><a style=\"color: #ffffff;\" href=\"/truck_covers.aspx?make=" + selectedMake + "&year=" + selectedYear + "&model=" + selectedModel + "&bed=" + selectedBed + "&cab=" + selectedCab + "&size=" + selectedSize + "\" target=\"_top\">See Truck Covers That ARE Available</a>.</span></li><li>Select a Different Truck: <span style=\"font-size: 10px;\">click the orange 'select make' arrow above to select a different truck</span></li></ul>");

}

function HideAll() {

    $('.MakeList').hide();
    $('.YearList').hide();
    $('.ModelList').hide();
    $('#TruckBed').hide();
    $('#TruckCab').hide();

}

function SelectMakeTabClick() {
    HideAll();
	//here!
	
	var titleText = $("input[id$='titleTextHiddenField']").val();
	var makesXmlFilename = "auto_makes.xml";
	if (titleText.toUpperCase().contains("TRUCK")) makesXmlFilename = "truck_makes.xml";
	var popularBtn = $("span.switchBtn").text();
	if($("span.switchBtn").is(":hidden") == true)$("span.switchBtn").show();
	
	if(popularVisible == true){
		$.ajax(
		{
			type: "GET",
			url: "/assets/xml/" + makesXmlFilename,
			dataType: "xml",
			success: function(xml) {
				CreatePopularMakeList(xml);
			}
		});
	}
	else if (!makesCreated) {
		$.ajax(
		{
			type: "GET",
			url: "/assets/xml/" + makesXmlFilename,
			dataType: "xml",
			success: function(xml) {
				CreateMakeList(xml);
			}
		});
	}
	
	//alert(totalMakes);
	
	totalPages = Math.ceil(totalMakes/24);
	
	//alert(totalPages);
	
	if (totalMakes > 24) {
		$("a.rightArrow").css("display", "block");
		RightArrow = true;
	} else {
		$("a.rightArrow").css("display", "none");
		RightArrow = false;
	}
	
	var move = "0px";
	$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
	//totalPages = totalMakes;
	currentPage = 1;
	
	$("a.leftArrow").css("display", "none");
	LeftArrow = false;
	
    //$('.MakeList').html("");
    $('.MakeList').show();

    selectedMake = "";
    $("p.selectedMakeTag").html("");
	
    selectedYear = "";
    $("p.selectedYearTag").html("");
	
    selectedModel = "";
    $("p.selectedModelTag").html("");
	
    selectedBed = "";
    $("p.selectedBedTag").html("");
	$('#TruckBed').empty();
	$("span.SelectBed").hide();
	
    selectedCab = "";
    $("p.selectedCabTag").html("");
    $('#TruckCab').empty();
	$("span.SelectCab").hide();
	
    BedArray = [];
    CabArray = [];

}

function SelectYearTabClick() {
    HideAll();
	
	if (!yearsCreated) {
	
		var titleText = $("input[id$='titleTextHiddenField']").val();
		var makesXmlFilename = "auto_makes.xml";
		var selectedType = "auto";
		if (titleText.toUpperCase().contains("TRUCK")) selectedType = "truck";
	
		$.ajax(
        {
            type: "GET",
            url: "/assets/xml/" + makesXmlFilename,
            dataType: "xml",
            success: function(xml) {

                $(xml).find('option').each(function() {
					
                    var make = $(this).attr('make');
                    var year_start = $(this).attr('year_start');
                    var year_end = $(this).attr('year_end');

                    if (make.toUpperCase() == selectedMake.toUpperCase() && type == selectedType) {
                        CreateYearList(year_start, year_end);
						yearsCreated = true;
                    }

                });
            }

        });
	}
	
	var move = "0px";
	$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
	totalPages = 1;
	currentPage = 1;
	
	$("a.leftArrow").css("display", "none");
	LeftArrow = false;
	
	$("a.rightArrow").css("display", "none");
	RightArrow = false;
	
    //$('.YearList').html("");
    $('.YearList').show();

    selectedYear = "";
    $("p.selectedYearTag").html("");
	
    selectedModel = "";
    $("p.selectedModelTag").html("");
	
    selectedBed = "";
    $("p.selectedBedTag").html("");
	$('#TruckBed').empty();
	$("span.SelectBed").hide();
	
    selectedCab = "";
    $("p.selectedCabTag").html("");
    $('#TruckCab').empty();
	$("span.SelectCab").hide();
	
	BedArray = [];
    CabArray = [];
}

function SelectModelTabClick() {
    HideAll();
	
	if (!modelsCreated) {
		
		var rowCount = 1;
		var xPos = 25;
		var yPos = 15;

		var modelCount = 0;

		$.ajax(
		{
			type: "GET",
			url: "/assets/xml/auto_models.xml",
			dataType: "xml",
			success: function(xml) {

				$('.ModelList').html("");

				$(xml).find('option').each(function() {

					var make = $(this).attr('make');
					var model = $(this).attr('model');
					var year_start = $(this).attr('year_start');
					var year_end = $(this).attr('year_end');
					var type = $(this).attr('type');
					var size = $(this).attr('size');
					var cs = $(this).attr('customSize');

					if (make.toUpperCase() == selectedMake.toUpperCase() && parseFloat(year_start, 10) <= parseFloat(selectedYear, 10) && parseFloat(year_end, 10) >= parseFloat(selectedYear, 10)) {
						
						CreateModelList(model, type, xPos, yPos, size, cs);
						
						modelsCreated = true;
						
						modelCount = modelCount + 1;
						
						if (rowCount <= 7) {
							rowCount = rowCount + 1;
							yPos = yPos + 20;
						} else if (rowCount >= 8 && colCount == 1) {
							colCount = colCount + 1;
							rowCount = 1;
							xPos = xPos + 185;
							yPos = 15;
						} else if (rowCount >= 8 && (colCount == 3 || colCount == 6)) {
							colCount = colCount + 1;
							rowCount = 1;
							xPos = xPos + 215;
							yPos = 15;
						} else if (rowCount >= 8 && (colCount == 4 || colCount == 7)) {
							colCount = colCount + 1;
							rowCount = 1;
							xPos = xPos + 185;
							yPos = 15;
						} else if (rowCount >= 8 && (colCount == 5 || colCount == 8)) {
							colCount = colCount + 1;
							rowCount = 1;
							xPos = xPos + 185;
							yPos = 15;
						} else if (rowCount >= 8) {
							colCount = colCount + 1;
							rowCount = 1;
							xPos = xPos + 200;
							yPos = 15;
						}
						
					}

				});
				
				totalPages = Math.ceil(modelCount/24);
				
				if (modelCount > 24) {
					$("a.rightArrow").css("display", "block");
					RightArrow = true;
				} else {
					$("a.rightArrow").css("display", "none");
					RightArrow = false;
				}

				CreateModelClick();

				$('.ModelList').show();
			}

		});
		
	}
	
	var move = "0px";
	$("div.AutoTruckNotFlash div.InsideStuff").animate({ left: move }, 500);
	currentPage = 1;
	
	$("a.leftArrow").css("display", "none");
	LeftArrow = false;
	
	$("a.rightArrow").css("display", "block");
	RightArrow = true;
	
    //$('.ModelList').html("");
    $('.ModelList').show();

    selectedModel = "";
    $("p.selectedModelTag").html("");
	
    selectedBed = "";
    $("p.selectedBedTag").html("");
	$('#TruckBed').empty();
	$("span.SelectBed").hide();
	
    selectedCab = "";
    $("p.selectedCabTag").html("");
    $('#TruckCab').empty();
	$("span.SelectCab").hide();
	
	BedArray = [];
	CabArray = [];
}

function SelectCabTabClick() {
    HideAll();
	
    //$('#TruckCab').html("");
    $('#TruckCab').show();
	
    selectedCab = "";
    $("p.selectedCabTag").html("");
    $('#TruckCab').empty();

}

function SelectTruckBedTabClick() {
    HideAll();
	
	if (!bedsCreated) {
		$.ajax(
		{
			type: "GET",
			url: "/assets/xml/truck_beds.xml",
			dataType: "xml",
			success: function(xml) {


				$(xml).find('option').each(function() {

					var make = $(this).attr('make');
					var year_start = $(this).attr('year_start');
					var year_end = $(this).attr('year_end');
					var model = $(this).attr('model');
					var bed = $(this).attr('bed');
					bedGraphic = $(this).attr('bedgraphic');
					bedGraphicShell = $(this).attr('graphic_shell');
					

					if (make.toUpperCase() == selectedMake.toUpperCase() && parseFloat(year_start, 10) <= parseFloat(selectedYear, 10) && parseFloat(year_end, 10) >= parseFloat(selectedYear, 10) && model.toUpperCase() == selectedModel.toUpperCase()) {
						CreateBedList(bed, bedGraphic, bedGraphicShell);
						bedsCreated = true;
					}

				});


				CreateBedClick();
				$("span.SelectBed").show();

			}

		});
	}
	
	$("a.leftArrow").css("display", "none");
	LeftArrow = false;
	
	$("a.rightArrow").css("display", "none");
	RightArrow = false;
	
    //$('#TruckBed').html("");
    $('#TruckBed').show();
	
	selectedBed = "";
    $("p.selectedBedTag").html("");
	
    selectedCab = "";
    $("p.selectedCabTag").html("");
	$('#TruckCab').empty();

}

function MakeTabOn() {
    $('span.SelectMake').text("Make").addClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectYear').text(">   Year").removeClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectModel').text(">   Model").removeClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectCab').text(">   Cab").removeClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectBed').text(">   Bed").removeClass("SelectorTabOn").removeClass("backToTab");
}

function YearTabOn() {
    $('span.SelectMake').text("Back to Make").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectYear').text(">   Year").addClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectModel').text(">   Model").removeClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectCab').text(">   Cab").removeClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectBed').text(">   Bed").removeClass("SelectorTabOn").removeClass("backToTab");
}

function SpecialYearTabOn() {
    $('span.SelectMake').text("Back to Make").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectYear').text(">   Year").addClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectModel').text(">   Back to Model").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectCab').text(">   Cab").removeClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectBed').text(">   Bed").removeClass("SelectorTabOn").removeClass("backToTab");
}

function ModelTabOn() {
    $('span.SelectMake').text("Back to Make").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectYear').text(">   Back to Year").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectModel').text(">   Model").addClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectCab').text(">   Cab").removeClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectBed').text(">   Bed").removeClass("SelectorTabOn").removeClass("backToTab");
}

function BedTabOn() {
    $('span.SelectMake').text("Back to Make").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectYear').text(">   Back to Year").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectModel').text(">   Back to Model").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectCab').text(">   Cab").removeClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectBed').text(">   Bed").addClass("SelectorTabOn").removeClass("backToTab");
}

function CabTabOn() {
    $('span.SelectMake').text("Back to Make").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectYear').text(">   Back to Year").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectModel').text(">   Back to Model").removeClass("SelectorTabOn").addClass("backToTab");
    $('span.SelectCab').text(">   Cab").addClass("SelectorTabOn").removeClass("backToTab");
    $('span.SelectBed').text(">   Back to Bed").removeClass("SelectorTabOn").addClass("backToTab");
}


function removeSpaces(selectedModel)
{
	var modelNoSpace = selectedModel;
	var position = modelNoSpace.indexOf("%20");
	while (position >= 0)
	{
		modelNoSpace = modelNoSpace.substring(0,position)+"-"+modelNoSpace.substring(position+3,modelNoSpace.length);
		position = modelNoSpace.indexOf("20%");	
	}
	var finalModel = modelNoSpace;
	position = finalModel.indexOf("%2C");
	while (position >=0)
	{
		finalModel = finalModel.substring(0,position)+"_"+finalModel.substring(position+3,finalModel.length);
		position = finalModel.indexOf("%2C");
	}
	return finalModel;
}

function SetGoogleEvent(category, action, label, value) {
	if (typeof(pageTracker) == 'object') {
		if (label != null && value != null) {
			pageTracker._trackEvent(category, action, label, value);
		} else if (label != null) {
			pageTracker._trackEvent(category, action, label);
		} else {
			pageTracker._trackEvent(category, action);
		}
	}
}