/* Path for this file: /content/dam/nissan/codepack/nissan/components/pages/layout/mainlayout.js/jcr:content/renditions/original */
// these were pulled from main JS file into mainlayout.js
/*
jQuery(document).ready(function() {
    if(jQuery("#frameBg").size()>0){
        //jQuery("#frameBg").height(jQuery("#frameContent").height()+20);
    }
    jQuery("#frameContent").click(function(){
        //jQuery("#frameContent").html(jQuery("#frameContent").html()+"<br /><br />");
        //resizeMe(jQuery("#frameContent").height());
    });    
});
function resizeMe(hgt){
    if(jQuery("#frameBg").size()>0){
        jQuery("#frameBg").height(hgt+20);
        if(jQuery("#frameContent").height() + 50 > jQuery("#pageBg").height()){
            //jQuery("#pageBg").height(jQuery("#pageBg").height()+20);
        }
    }
}
*/

jQuery(document).ready(function() {
    if(jQuery.browser.msie && parseInt(jQuery.browser.version) === 6) jQuery('#frameBg + #frameContent').addClass('frameContentHasBg');
 
    if(jQuery("#frameContent").height() + 50 > jQuery("#pageBg").height()){         
            jQuery("#pageBg").css("margin-bottom","50px");
        }
    
});



var imagePath = "/content/dam/nissan/see-all-vehicles";

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

/*****************************************************************
    globalNav.js
*****************************************************************/
var xmlDoc;
var hostname=window.location.hostname;
var isEspanol = false;
var nonSecNonToolsPath = "";
var IE = document.all ? true : false;

/**  Opening XML document  */
//This function imports XML using xmlPath and creates an XML Object for
//implementing DOM and extracting the data from XML.
function importXMLRaw(){
    if (document.implementation && document.implementation.createDocument) {
        xmlDoc = document.implementation.createDocument("", "", null);
        xmlDoc.onload = createTopNav;
    } else if (window.ActiveXObject) {
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.onreadystatechange = function () {
            if (xmlDoc.readyState == 4) {
                createTopNav();
            }
        };
    } else {
        return;
    }

    // xmlPath holds the path of the xml file.
    var xmlPath = nonSecNonToolsPath+"nonFlash.xml";
    xmlDoc.load(xmlPath);
}

// Implements XML load using jQuery
function importXML() {
    var url = window.location;
    var fileName = "nonFlash.xml";
    if (url.pathname.indexOf("/es/") != -1 || url.pathname.indexOf("espanol") != -1) {
        fileName = "nonFlash_es.xml";
    }
    
    var xmlPath = "/content/dam/nissan/docroot/xml/" + fileName;

    if (typeof jQuery != 'undefined') {
        jQuery.ajax({url: xmlPath, async: false, dataType: "xml",
            error: function (o, status, error) {if (typeof(console) != 'undefined') console.log("o: " + o + "\nstatus: " + status + "\nerror: " + error);},
            success: function (data, status) {xmlDoc = data; createTopNav(); }
        });
    } else {
        importXMLRaw();
    }
}

    /** Topnav is a constructor to hold attributes of each menu item*/
    function topnavitem(name,source,href,disabled,imgPath,border,bordercolor){
        this.name = name;
        this.source = source;
        this.href = href;
        this.disabled = disabled;
        this.imgPath = imgPath;
        this.border = border;
        this.bordercolor = bordercolor;
    }

    function vehicle_ds(name, imgPath) {   
        this.name = name;
        this.imgPath = imgPath ;
    }

    // set to resolve Safari bug
    varMenuComplete = false;
    var vehicleImgArray = new Array();

    /** Creates top navigator using data from XML sheet */
    function createTopNav(){
        if (varMenuComplete==true) {
            return;
        }
        var menus = xmlDoc.getElementsByTagName("menu");
        var no_of_menus = menus.length;
        jQuery("#gTopNav").html("");
        jQuery("#gTopNavExternal").html("");
        for(var i=0; i<menus.length; i++) {
            var iframeWidth=0;
            var iframeHeight=0;
            var menuitems = menus[i].childNodes;
            var no_of_items = menus[i].childNodes.length;
            var topnavarray = new Array(no_of_items);
            var j=0;
            if (menus[i].childNodes[j].nodeType != 1)
                j++;
            if(menus[i].childNodes[j].firstChild.nodeValue=="iframe"){
                iframeWidth = menus[i].childNodes[j].getAttribute("width");
                iframeHeight=  menus[i].childNodes[j].getAttribute("height");
                j++;
                if (menus[i].childNodes[j].nodeType != 1)
                    j++;
            }
            
            topnavarray[0] = new topnavitem(menus[i].childNodes[j].firstChild.nodeValue,menus[i].childNodes[j].getAttribute("src"),menus[i].childNodes[j].getAttribute("href"),menus[i].childNodes[j].getAttribute("disabled"));
            j++;
            for( ; j<no_of_items; j++)
            {
                if (menus[i].childNodes[j].nodeType != 1)
                    continue;
                menus[i].childNodes[j].getAttribute("order");
                topnavarray[menus[i].childNodes[j].getAttribute("order")] = new topnavitem(menus[i].childNodes[j].firstChild.nodeValue,menus[i].childNodes[j].getAttribute("src"),menus[i].childNodes[j].getAttribute("href"),menus[i].childNodes[j].getAttribute("disabled"),menus[i].childNodes[j].getAttribute("imgPath"),menus[i].childNodes[j].getAttribute("border"),menus[i].childNodes[j].getAttribute("border-color"));
            }
            createmenu(topnavarray,iframeWidth,iframeHeight);
        }

        jQuery("#gTopNav > div").css("float", "left");
        jQuery("#gTopNav *").css("z-index", "370");
        jQuery("#gTopNav > div > div").css("position","absolute");
        jQuery("#gTopNav > div > div").hide();
        jQuery("#gTopNav > div > iframe").hide();
        jQuery("#gTopNav > div").hover(function() {
                var elementID = jQuery(this).attr("ID");
                showMenu(
                    elementID, 
                    jQuery("#" + elementID +"> div").attr("ID")
                );
            }, 
            function() { 
                var elementID = jQuery(this).attr("ID");
                hideMenu(
                    elementID, 
                    jQuery("#" + elementID + "> div").attr("ID")
                );
            }
        );
        jQuery("#gTopNav > div > div > div > a > img").css("cursor","pointer");
        jQuery("#gTopNav > div > div > div > div > a > img").css("cursor","auto");
        
        var nissan_logo = document.getElementById("imgnissan_logo");
        setOverSrc(nissan_logo);
        document.getElementById("nissan_logo").style.position="absolute";
        document.getElementById("nissan_logo").style.top="10px";
        document.getElementById("nissan_logo").style.left="0px";
        
        jQuery("#gTopNav > div > div > div > a > img ").each(function() {setOverSrc(this)});
        jQuery("#gTopNav > div > a > img ").css("z-index", "300");
        jQuery("#gTopNav > div > div > div").hover(function() {
            var leftPosition = 147;
            var vehSrc = "";
            var element = this.childNodes[0].childNodes[0];
            if(element.id) {
                for(var i = 0; i < vehicleImgArray.length; i++) {
                    if(vehicleImgArray[i].name == this.id && vehicleImgArray[i].imgPath != '') {
                        vehSrc = vehicleImgArray[i].imgPath;
                        break;
                    }
                }
                if(vehSrc!='') {
                    vehicleDiv = document.createElement("div");
                    vehicleDiv.id = "vehicleDiv";
                    var imgDiv = document.createElement("img");
                    imgDiv.id="img_vehicle";
                    imgDiv.src = vehSrc;
                    jQuery(imgDiv).hover(
                        function(){
                            element.src = element.src.replace(".jpg","_on.jpg");
                        },
                        function(){
                            element.src = element.src.replace("_on.jpg",".jpg");
                        }
                    );

                    vehicleDiv.style.position = "absolute";
                    vehicleDiv.style.left = leftPosition + "px";
                    vehicleDiv.style.zIndex="400";
                    
                    var top1;
                    if (jQuery.browser.msie && jQuery.browser.version.substr(0,1) == 6) {
                        top1 = (jQuery("#"+(this.id)).offset().top) - 100;
                    //} else if(IE) {
                    //    top1 = (jQuery("#"+(this.id)).offset().top) - 90;
                    } else {
                        top1 = (jQuery("#"+(this.id)).offset().top) - 87;
                    }
                    
                    vehicleDiv.style.top = top1 + "px";
                    
                    // Vehicle flyouts that are the first items in the list will have an offset().top = 0 therefore top1 will be negative.
                    // As such, set flyouts that are first in the list manually.
                    if (element.id == "imgFrontier") {
                        vehicleDiv.style.top = "-4px";
                    } else if (element.id == "imgCube" && jQuery(this).parent().attr("id").indexOf("futureitems") != -1) {
                        vehicleDiv.style.top = "-4px";
                        // Without a left move, the top border is broken
                        vehicleDiv.style.left = (leftPosition - 24) + "px";
                    }
                    
                    
                    vehicleDiv.appendChild(imgDiv);
                    this.appendChild(vehicleDiv);
                }
            }
        }
        ,function(){
            try {
                this.removeChild(vehicleDiv);
            } catch (e) {
                return;
            }
        });

        currentLocation1 = window.location;
        if(String(currentLocation1).indexOf("espanol") != -1 || String(currentLocation1).indexOf("/es/") != -1 ) {
            isEspanol = true;
        } else {
            isEspanol = false;
        }
        
        if(isEspanol) {
            jQuery("#see_all_vehicles").css({position:"absolute",left: "278px",top:"42px"});
            jQuery("#cars").css({position:"absolute",left: "417px", top:"42px" });
            jQuery("#suvs").css({position:"absolute",left: "556px", top:"42px" });
            jQuery("#trucks").css({position:"absolute",left: "690px", top:"42px" });
            jQuery("#future").css({position:"absolute",left: "813px", top:"42px" });
        } else {
            jQuery("#see_all_vehicles").css({position:"absolute",left: "278px",top:"42px"});
            jQuery("#cars").css({position:"absolute",left: "379px", top:"42px" });
            jQuery("#suvs").css({position:"absolute",left: "473px", top:"42px" });
            jQuery("#trucks").css({position:"absolute",left: "607px", top:"42px" });
            jQuery("#future").css({position:"absolute",left: "698px", top:"42px" });
            jQuery("#nismo_performance").css({position:"absolute",left: "790px", top:"42px" });
        }
        
        varMenuComplete = true;
    }

    // This function creates menu for each item in the topNav depending on no. of menuitems
    // provided in the nonFlash.xml.
    function createmenu(menuarray,iframeWidth,iframeHeight) {
        var menuheaderdiv = imageanchordiv(menuarray[0].name,menuarray[0].source,menuarray[0].href,menuarray[0].disabled);
        
        var itemdiv = document.createElement("div");
        itemdiv.id = menuarray[0].name+"items";
        
        var fixdiv = document.createElement("div");
        fixdiv.id = menuarray[0].name+"items1";
        
        var itemiframe = document.createElement("iframe");
        itemiframe.id = menuarray[0].name+"itemsiframe";
        jQuery(itemiframe).css({width:iframeWidth, height:iframeHeight});
        
        for(var k=1; k<menuarray.length && menuarray[k]!=null; k++) {
            vehicleImgArray.push(new vehicle_ds(menuarray[k].name,menuarray[k].imgPath));
            var menuImageDiv = imageanchordiv(menuarray[k].name,menuarray[k].source,menuarray[k].href,menuarray[k].disabled);

            if(menuarray[k].border!=null ){
                jQuery(menuImageDiv).css({borderBottomWidth:menuarray[k].border, borderColor:menuarray[k].bordercolor, borderBottomStyle:"solid"});
            }

            itemdiv.appendChild(menuImageDiv);
        }

        fixdiv.innerHTML=itemdiv.innerHTML;
        menuheaderdiv.appendChild(itemdiv);
        menuheaderdiv.appendChild(fixdiv);
        menuheaderdiv.appendChild(itemiframe);

        // If gTopNav exists then menu is appended to gTopNav, else it's appended to gTopNavExternal.
        if(document.getElementById("gTopNav")){
            document.getElementById("gTopNav").appendChild(menuheaderdiv);
        }else if(document.getElementById("gTopNavExternal")){
            document.getElementById("gTopNavExternal").appendChild(menuheaderdiv);
        }
    }

    // This function creates an anchor tag for every menuItem in the menu.
    // It takes three parameters: 1) the name of the div for each menuItem,
    // 2) source which is the path of the image and
    // 3) href which is the set as link for anchor tag.
    function imageanchordiv(divname,source,href,disabled){
        var vehicleDiv;
        var img = document.createElement("img");
        img.id="img"+divname;
        img.src = source;
        var a = document.createElement("a");
        if(href=="null") {
            jQuery(a).removeAttr("href");
        } else {
            a.setAttribute("href", nonSecNonToolsPath+href);
            a.setAttribute("color","#FFFFFF");
        }

        //Added for checking the disablity condition
        if(disabled == "true"){
            var divDisabled = document.createElement("div");
            divDisabled.id = divname+"1";

            var div = document.createElement("div");
            div.id = divname;

            a.appendChild(img);
            div.appendChild(a);
            divDisabled.appendChild(div);
            return divDisabled;
        } else {
            var div = document.createElement("div");
            div.id = divname;

            a.appendChild(img);
            div.appendChild(a);
            return div;
        }
    }

    /** This method Retains the menu even after moving on to menu list from menu header*/
    function retainMenu(buttonID, menuID) {
        jQuery("#" + menuID).show();
        jQuery("#" + buttonID + "itemsiframe").show();
    }

    var menuShouldShow = new Array();
    var menuHiding = new Array();
    var menuShowing = new Array();

    /** To show menu list when mouse moves on to menu header */
    function showMenu(buttonID, menuID, alignment) {
        if(isEspanol) {
            document.getElementById('imgsee_all_vehicles').src = imagePath + "/es_see_all_veh_rollother.gif";
            document.getElementById('imgcars').src = imagePath + "/es_car_n_minivans_rollother.gif";
            document.getElementById('imgsuvs').src = imagePath + "/es_crossover_suv_rollother.gif";
            document.getElementById('imgtrucks').src = imagePath + "/es_trucks_rollother.gif";
            document.getElementById('imgfuture').src = imagePath + "/es_furture_concepts_rollother.gif";
        } else {
            document.getElementById('imgsee_all_vehicles').src = imagePath + "/see_all_veh_rollother.gif";
            document.getElementById('imgcars').src = imagePath + "/car_n_minivans_rollother.gif";
            document.getElementById('imgsuvs').src = imagePath + "/crossover_suv_rollother.gif";
            document.getElementById('imgtrucks').src = imagePath + "/trucks_rollother.gif";
            document.getElementById('imgfuture').src = imagePath + "/furture_concepts_rollother.gif";
            document.getElementById('imgnismo_performance').src = imagePath + "/nismo_performance_rollother.gif";
        }
        
        var buttonIdObj = document.getElementById(buttonID);
        var imgObj = buttonIdObj.childNodes[0].childNodes[0];
        
        var src1 = imgObj.src;
        imgObj.src = src1.replace("_rollother.gif","_selected.gif");
        
        jQuery("#" + buttonID).css("z-index", "370");

        if (typeof menuShouldShow[buttonID]=='undefined') {
            menuShouldShow[buttonID] = true;
        }
        menuShouldShow[buttonID] = true;
        if (typeof menuShowing[buttonID]=='undefined') {
            menuShowing[buttonID] = false;
        }
        if (typeof menuHiding[buttonID]=='undefined') {
            menuHiding[buttonID] = false;
        }
        if (!menuShowing[buttonID] && !menuHiding[buttonID]) {
            var temp = jQuery("#" + buttonID).offset().left + ((alignment != "horizontal") ? 20 : (document.getElementById(buttonID).offsetWidth - 1));
            var buttonTop = parseInt(jQuery("#"+buttonID).offset().top);
            var alignmentTop = ((alignment!="horizontal")?(document.getElementById(buttonID).offsetHeight):0);

            temp = temp-20;

            jQuery("#"+menuID ).css({position:"relative",left: "0px", top: "1px"});
            jQuery("#"+menuID+"1").css({position:"absolute",left: "0px", top: "38px" });
            jQuery("#"+menuID).slideDown("fast", function() { 
                menuShowing[buttonID] = false; 
                if(!menuShouldShow[buttonID] && !menuHiding[buttonID]) { 
                    hideMenu(buttonID, menuID) 
                }; 
            });
            jQuery("#"+menuID+"1").slideDown("fast");
            jQuery("#"+buttonID+"itemsiframe").css({position:"absolute",left: "0px", top: "38px", border:"none", zIndex:"99" });
            jQuery("#"+buttonID+"itemsiframe").slideDown("fast");
        }
    }

    /** To hide menu list when mouse moves out of menu header or menu list */
    function hideMenu(buttonID,menuID) {
        jQuery("#"+buttonID).css("z-index", "300");
        window.setTimeout(changeGlobalLinks,1000);
        document.getElementById(menuID).style.zIndex="99";
        menuShouldShow[buttonID] = false;
        if(menuShowing[buttonID] == false) {
            menuHiding[buttonID] = true;
            jQuery("#"+menuID+"1").slideUp("fast");
            jQuery("#"+menuID).slideUp("fast", function() { menuHiding[buttonID] = false; if(menuShouldShow[buttonID] && !menuShowing[buttonID]) { showMenu(buttonID, menuID) }; } );
            jQuery("#"+buttonID).css("border-bottom","2px solid #FFFFFF");
            jQuery("#"+buttonID+"itemsiframe").slideUp("fast");
        }
    }

    function removeLinks(){
        if(document.getElementById('bottomLeftLink')) {
            document.getElementById('bottomLeftLink').innerHTML="";
            document.getElementById('bottomLeftLink').className="";
        }
        if(document.getElementById('mailBrochureHome')) {
            document.getElementById('mailBrochureHome').innerHTML="";
            document.getElementById('mailBrochureHome').className="";
        }
        if(document.getElementById('eBrochureHome')) {
            document.getElementById('eBrochureHome').innerHTML="";
            document.getElementById('eBrochureHome').className="";
        }
        if(document.getElementById('bothBrochureHome')) {
            document.getElementById('bothBrochureHome').innerHTML="";
            document.getElementById('bothBrochureHome').className="";
        }
    }

    // Open External swf in new window
    // Argument swfName, querystr, width and height are required, the others optional
    // Usage: <a href="#" onclick="return popExtSwf('mySwf.swf', 'a=b', 600, 400, 'myWin', 'resizeable=no,location=no')">
    // used by G Coupe NavTeq Traffic Key Feature
    function popExtSwf(swfName, querystr, width, height, title, params) {
        var features = "";
        var myurl = '/popSwf.html?swfname=' + swfName;
        var isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != -1);

        if (width) {
            var winWidth = width;
            if(isSafari) winWidth += 20;    // hack to enlarge window for Safari
            features += "width=" + winWidth + ",left=" + Math.floor( (screen.width - width) / 2);
            myurl += '&width=' + width;
        }

        if (height) {
            var winHeight = height;
            if(isSafari) winHeight += 20;   // hack to enlarge window for Safari
            features += ",height=" + winHeight + ",top="+Math.floor( (screen.height - height) / 2);
            myurl += '&height=' + height;
        }

        if (querystr) {
            myurl += '&' + querystr;

            var qsSrc = getStringParam(querystr, 'src');
            if (qsSrc != '')
              myurl += '&Model=' + qsSrc;
        }

        if (title) myurl += '&title=' + escape(title);
        if (params) features += ","+params;
        var winname = name ? name : "infiniti_ext";
        window.open(myurl, winname, features);
    }

    // only used on pre-sell page(s)?  uses initUFO
    function loadFlashNonFlashGlobalNav() {
        if (hasReqestedFlashVersion) {
            // load flash global nav
            var sModel = getModelName();
            if (sModel) {
                document.getElementById('gTopNav').setAttribute("ufoflashvars","model="+sModel);
            }
            var xmlPath = trim(document.getElementById('ufoGlobalNavMovie').innerHTML).replace(/::.*:/g,'');
            var basePath = xmlPath.substring(0,xmlPath.lastIndexOf("/flash"))+"/flash";
            document.getElementById('gTopNav').setAttribute("ufobase", basePath);
            initUFO('gTopNav','ufoGlobalNavMovie');
        } else {
            // load non-flash global nav
            addLoadEvent(alignElements);
            addLoadEvent(importXML);
        }
    }

    function swapHeaders(){
        for(var i=1;i<=2;i++){
            var _h=document.getElementsByTagName('h'+i);
            for(var j=0;j<_h.length;j++){
                if(/gSwap/.test(_h[j].className)){
                    swapHeader(_h[j],"h{0}_{1}".format(i,j))
                }
            }
        }
    }
    addLoadEvent(swapHeaders);
    HnHeights=[22,16];

    function swapHeader(myHeader,swfID){
        if(myHeader && /h[12]/i.test(myHeader.tagName)){
            var headerN=+myHeader.tagName.replace(/h/i,'')
            var _id=swfID||'header'+(''+Math.random()).replace(".",'')
            var _ih=myHeader.innerHTML.replace(/^\s+|\s+$|[\r\n]/g,'');
            _ih=_ih.replace(/["' \t]/g,function(blah1){return escape(blah1)});
            var _d=document.createElement('div');
            myHeader.innerHTML="";
            _d.className="gNoPrint";
            _d.id=_id;
            myHeader.appendChild(_d);
            var _d=document.createElement('div');
            _d.className="gOnlyPrint";
            _d.innerHTML=unescape(_ih);
            _d.id=_id+"_text"
            myHeader.appendChild(_d);
            var _fv={}
            _fv["h{0}Text".format(headerN)]=_ih;
            _fv.param_quality="low";
            new swfoWrapper("/flash/global/h1.swf", _id, _fv, 720, HnHeights[headerN-1]);
            myHeader.style.visibility = 'visible';
        }
    }

/*****************************************************************
    generic.js
*****************************************************************/
    function getPrice(div_Id) {
        var price;
        for(var i=0; i<thumbnailsArray.length;i++) {
            if(div_Id == thumbnailsArray[i].divId) {
                price = thumbnailsArray[i].price;
            }
        }
        return price;
    }

    //Hide cars
    function hideCars(tempArray1) {
        for(var i=0;i<tempArray1.length;i++) {
            jQuery("#"+tempArray1[i].divId).fadeOut("700");
        }
    }

    //Show Vehicles
    function showVehicles(tempArray1) {
        for(var i=0;i<tempArray1.length;i++) {
            jQuery("#"+tempArray1[i].divId).fadeIn("700");
        }
        jQuery("#thumbnail_container > div > div > img").css("cursor","pointer");
        jQuery("#savTitle").css("cursor","pointer");
    }

    //Position Vehicles
    function positionVehicles(tempArray1) {
        var colSize = 5;
        var j =0;
        var count=0;
        var newCount=0;

        for(i=0;i<tempArray1.length;i++) {
            if(i%colSize==0) {
                j=0;
                if(i==0) {
                    jQuery("#"+tempArray1[i].divId).css({"position":"absolute","top":"0px","left":"0px"});
                    j++;
                } else {
                    count++;
                    jQuery("#"+tempArray1[i].divId).css({"position":"absolute","top":+count*"100"+"px","left":"0px"});
                    j++;
                }
            } else {
                jQuery("#"+tempArray1[i].divId).css({"position":"absolute","top":+count*"100"+"px","left":+j*"150"+"px"});
                j++;
            }
        }
    }

    function sortNumber(a, b) {
        return a - b;
    }

    //Chnage the links based on the particular vechile type or sort type
    function changeLinks(id) {
        var savDiv = document.getElementById('allvehicles1');
        var temp, newTemp;
        var vehTypeId = "aTag"+id;
        
        var transpDiv = document.getElementById("transpDiv");

        if(id == "allvehicles1") {
            changeToOnGif(savDiv);
            transpDiv.style.top = "0px";
        } else if(id != "allvehicles1") {
            changeToGif(savDiv);
        }
        
        for(var i=0;i<6;i++) {
            var vehId = "aTag"+i;
            var imgTag = document.getElementById('imgType_'+i);
            var aTag = document.getElementById('aTag'+i);
            if(vehId == vehTypeId) {
                createTranspDiv(transpDiv,i);
                changeToOnGif(imgTag);
            } else {
                changeToGif(imgTag);
            }
        }
    }

    function changeGlobalLinks() {
        if(isEspanol) {
            document.getElementById('imgsee_all_vehicles').src = imagePath + "/es_see_all_veh_rollother.gif";
            document.getElementById('imgcars').src = imagePath + "/es_car_n_minivans_rollother.gif";
            document.getElementById('imgsuvs').src = imagePath + "/es_crossover_suv_rollother.gif";
            document.getElementById('imgtrucks').src = imagePath + "/es_trucks_rollother.gif";
            document.getElementById('imgfuture').src = imagePath + "/es_furture_concepts_rollother.gif";
        } else {
            document.getElementById('imgsee_all_vehicles').src = imagePath + "/see_all_veh_rollother.gif";
            document.getElementById('imgcars').src = imagePath + "/car_n_minivans_rollother.gif";
            document.getElementById('imgsuvs').src = imagePath + "/crossover_suv_rollother.gif";
            document.getElementById('imgtrucks').src = imagePath + "/trucks_rollother.gif";
            document.getElementById('imgfuture').src = imagePath + "/furture_concepts_rollother.gif";
        }
        
        var buttonIdObj = document.getElementById(buttonID1);
        var imgObj = buttonIdObj.childNodes[0].childNodes[0];
        var src1 = imgObj.src;
        imgObj.src = src1.replace("_rollother.gif","_selected.gif");

        if(buttonID1 == "see_all_vehicles") {
            if(isEspanol) {
                document.getElementById('imgsee_all_vehicles').src = imagePath + "/es_see_all_veh_selected.gif";
                document.getElementById('imgcars').src = imagePath + "/es_car_n_minivans.gif";
                document.getElementById('imgsuvs').src = imagePath + "/es_crossover_suv.gif";
                document.getElementById('imgtrucks').src = imagePath + "/es_trucks.gif";
                document.getElementById('imgfuture').src = imagePath + "/es_furture_concepts.gif";
            } else {
                document.getElementById('imgsee_all_vehicles').src = imagePath + "/see_all_veh_selected.gif";
                document.getElementById('imgcars').src = imagePath + "/car_n_minivans.gif";
                document.getElementById('imgsuvs').src = imagePath + "/crossover_suv.gif";
                document.getElementById('imgtrucks').src = imagePath + "/trucks.gif";
                document.getElementById('imgfuture').src = imagePath + "/furture_concepts.gif";
            }
        }
    }

    function createTranspDiv(transpDiv, i) {
        if(i==0 || i==1 || i==2) {
            transpDiv.style.top = 40+(i*19)+"px";
        } else if(i==3 || i==4 || i==5) {
            transpDiv.style.top = 40+((i+1)*19)+"px";
        }
    }

    function changeToOnGif(imgObj) {
        var temp = imgObj.src;
        if(temp.indexOf('_on.gif')!= -1) {
            var newTemp = temp.replace("_on.gif","_roll.gif");
        } else if(temp.indexOf('_roll.gif')!= -1) {
            var newTemp = temp.replace(".gif","_roll.gif");
        } else {
            var newTemp = temp.replace(".gif","_roll.gif");
        }
        imgObj.src = newTemp;
    }

    function changeToGif(imgObj) {
        var temp = imgObj.src;
        var newTemp = temp.replace("_roll.gif",".gif");
        imgObj.src = newTemp;
    }

    //Inserting Price with comma
    function insertComma(z) {
        var l = z.substr(2);
        var x = z.charAt(0);
        var y = z.charAt(1);
        var xy = x.concat(y);
        var newPrice = (xy.concat(",")).concat(l);
        return newPrice;
    }

    //Create an additional div to display the sort order values for sort section
    function createAdditionalDiv(id, divValue) {
        var sortSecDiv = document.createElement('div');
        sortSecDiv.id = "sortSecDiv_"+id;
        sortSecDiv.innerHTML = divValue;
        document.getElementById('additionalDiv_'+id).appendChild(sortSecDiv);
    }

    //Remove the additional div created for sort sections
    function removeAdditionalDiv(tempArray) {
        for(var i=0; i<tempArray.length; i++) {
            var id = tempArray[i].id;
            if(document.getElementById('sortSecDiv_'+id)) {       
                var parentDiv = document.getElementById('additionalDiv_'+id);
                var childDiv = document.getElementById('sortSecDiv_'+id);
                parentDiv.removeChild(childDiv);
            }
        }
    }

    //Hide DHTML Popup on close button
    function showDhtmlLayer() {
        jQuery("#disclaimerPopUpDiv").show();
        jQuery("#disclaimerPopUpDiv").css("display","block");
    }

    //Hide DHTML Popup on close button
    function hideDhtmlLayer() {
        jQuery("#disclaimerPopUpDiv").hide();
    }

    //Hide layer on close button
    function hideLayer() {
        b=true;
        jQuery("#layer").hide();
        jQuery(".transparentDiv").hide();
        jQuery(".layerBackground").hide();
    }

    function showDhtmlLayer1() {
        jQuery("#disclaimerPopUpDiv1").show();
        jQuery("#disclaimerPopUpDiv1").css("display","block");
    }

    //Hide DHTML Popup on close button
    function hideDhtmlLayer1() {
        jQuery("#disclaimerPopUpDiv1").hide();
    }

    //Show TransparentDiv when layer is visible
    function createTransparentDiv() {
        // var transparentDiv = document.createElement("div");
        // transparentDiv.id = "transparentDiv";
        // transparentDiv.className = "transparentDiv";
        // document.body.appendChild(transparentDiv);
           jQuery('div#pageBg').append('<div id="transparentDiv" class="transparentDiv"></div>');
           jQuery("#transparentDiv").fadeTo("fast",0.8);
    }

    function createLoadingDiv() {
        var loadingDiv = document.createElement("div");
        loadingDiv.id = "loadingDiv";
        loadingDiv.className = "loadingDiv";
        loadingDiv.innerHTML = "Loading...";
        document.body.appendChild(loadingDiv);
        jQuery("loadingDiv").fadeTo("fast",0.3);

        jQuery(document).ready(function () {
            jQuery("loadingDiv").hide();
        });
    }

    function generateCrmEvents() {
        if(vehicleArray[0].id == "Versa")
            crmEvent20();
        else if(vehicleArray[0].id == "Sentra")
            crmEvent16();
        else if(vehicleArray[0].id == "Sentra SE-R")
            crmEvent17();
        else if(vehicleArray[0].id == "Altima")
            crmEvent7();
        else if(vehicleArray[0].id == "Altima Hybrid")
            crmEvent8();
        else if(vehicleArray[0].id == "Altima Coupe")
            crmEvent36();
        else if(vehicleArray[0].id == "Maxima")
            crmEvent12();
        else if(vehicleArray[0].id == "Z")
            crmEvent5();
        else if(vehicleArray[0].id == "GTR")
            crmEvent42();
        else if(vehicleArray[0].id == "Quest")
            crmEvent15();
        else if(vehicleArray[0].id == "Rogue")
            crmEvent40();
        else if(vehicleArray[0].id == "Murano")
            crmEvent13();
        else if(vehicleArray[0].id == "Xterra")
            crmEvent22();
        else if(vehicleArray[0].id == "Pathfinder")
            crmEvent14();
        else if(vehicleArray[0].id == "Armada")
            crmEvent9();
        else if(vehicleArray[0].id == "Frontier")
            crmEvent11();
        else if(vehicleArray[0].id == "Titan")
            crmEvent18();
    }

    function generateTabEvents0(name) {
        if(name=="VERSA HATCHBACK")
            crmEvent20();
        else if(name=="ZCOUPE")
            crmEvent5();
        else if(name=="FRONTIER KING CAB")
            crmEvent11();
        else if(name=="TITAN KING CAB")
            crmEvent18();
    }

    function generateTabEvents1(name) {
        if(name=="VERSA SEDAN")
            crmEvent21();
        else if(name=="ZROADSTER")
            crmEvent6();
        else if(name=="FRONTIER CREW CAB")
            crmEvent10();
        else if(name=="TITAN CREW CAB")
            crmEvent19();
    }

    function generateInteriorCRM(name) {
        if(name=="VERSA HATCHBACK")
            crmEvent37();
        if(name=="VERSA SEDAN")
            crmEvent34();
        if(name=="SENTRA")
            crmEvent31();
        if(name=="SENTRA SE-R")
            crmEvent32();
        if(name=="ALTIMA")
            crmEvent24();
        if(name=="ALTIMA HYBRID")
            crmEvent50();
        if(name=="ALTIMA COUPE")
            crmEvent38();
        if(name=="MAXIMA")
            crmEvent27();
        if(name=="ZCOUPE")
            crmEvent51();
        if(name=="ZROADSTER")
            crmEvent44();
        if(name=="GTR")
            crmEvent54();
        if(name=="QUEST")
            crmEvent30();
        if(name=="ROGUE")
            crmEvent41();
        if(name=="MURANO")
            crmEvent28();
        if(name=="XTERRA")
            crmEvent35();
        if(name=="PATHFINDER")
            crmEvent29();
        if(name=="ARMADA")
            crmEvent25();
        if(name=="FRONTIER KING CAB")
            crmEvent52();
        if(name=="FRONTIER CREW CAB")
            crmEvent26();
        if(name=="TITAN KING CAB")
            crmEvent53();
        if(name=="TITAN CREW CAB")
            crmEvent33();
    }

    function generateExteriorCRM(name) {
        if(name=="VERSA HATCHBACK")
            crmEvent20();
        if(name=="VERSA SEDAN")
            crmEvent21();
        if(name=="SENTRA")
            crmEvent16();
        if(name=="SENTRA SE-R")
            crmEvent17();
        if(name=="ALTIMA")
            crmEvent7();
        if(name=="ALTIMA HYBRID")
            crmEvent8();
        if(name=="ALTIMA COUPE")
            crmEvent36();
        if(name=="MAXIMA")
            crmEvent12();
        if(name=="ZCOUPE")
            crmEvent5();
        if(name=="ZROADSTER")
            crmEvent6();
        if(name=="GTR")
            crmEvent42();
        if(name=="QUEST")
            crmEvent15();
        if(name=="ROGUE")
            crmEvent40();
        if(name=="MURANO")
            crmEvent13();
        if(name=="XTERRA")
            crmEvent22();
        if(name=="PATHFINDER")
            crmEvent14();
        if(name=="ARMADA")
            crmEvent9();
        if(name=="FRONTIER KING CAB")
            crmEvent11();
        if(name=="FRONTIER CREW CAB")
            crmEvent10();
        if(name=="TITAN KING CAB")
            crmEvent18();
        if(name=="TITAN CREW CAB")
            crmEvent19();
    }

    function searchInventoryGo1() {
        var zipCode = document.getElementById("zipCodeShort").value;
        if(zipCode=='' || zipCode=='Zip Code or City, State') {
            zipCode = null;
        }
        if(isEspanol) {
            var link = "/tools/inventory/?zip=" + zipCode;
        } else {
            var link = "/tools/inventory/?zip=" + zipCode;
        }
        location.href =link;
    }

    function locateGo1() {
        var zipCode = document.getElementById("zipCodeShort").value;
        if(zipCode=='' || zipCode=='Zip Code or City, State') {
            zipCode = '';
        }
        if(isEspanol) {
            var link = "/tools/espanol/locate?dealerzip=zipCode&tool=Home.Locator&zipCode="+zipCode+"&next=tool.See_All-Vehicles.Locator";
        } else {
            var link = "/tools/locate?dealerzip=zipCode&tool=Home.Locator&zipCode="+zipCode+"&next=tool.See_All-Vehicles.Locator";
            
        }
        location.href =link;
    }

    function locateDealerGo(i) {
        var zipCode = document.getElementById('zipCodeDealer'+i).value;
        if(zipCode=='' || zipCode=='Zip Code or City,State') {
            zipCode = '';
        }
        

        if(isEspanol) {
            var link = "/tools/espanol/locate?dealerzip=&tool=Home.Locator&zipCode="+zipCode+"&next=See_All_Vehicles:locate.Link5";
        } else {
            var link = "/tools/locate?dealerzip=zipCode&tool=Home.Locator&zipCode="+zipCode+"&next=See_All_Vehicles:locate.Link5";
        }
        location.href =link;
    }

/*****************************************************************
    see_all_vehicles.js
*****************************************************************/

    //Global Variables Decleration
    var title_array = new Array();
    var img_array = new Array();
    var colsize=3;
    var thumbnailsArray = new Array();
    var thumbnailsArray1 = new Array();
    var tempArray = new Array();
    var vehicleArray1 = new Array();
    var vehicleType1 = new Array();
    var sortType = new Array();
    var sortType1 = new Array();
    var regArray = new Array();
    var savTitle;
    var xmlDoc;
    var disclaimer ='';
    var appendSeating = '';
    var isEspanol = false;
    var buttonID1 = "see_all_vehicles";

    //Data structure for thumbnails
    function thumb_ds(id, divId, title, img, price, fueleconomy, seating, vehicleType, offers, offersLink) {
        this.id = id;
        this.divId = divId;
        this.title = title;
        this.img = img;
        this.price = price;
        this.fueleconomy = fueleconomy ;
        this.seating = seating;
        this.vehicleType = vehicleType;
        this.offers = offers;
        this.offersLink = offersLink;
    }

    //Pasring the XML file for Regional Nav and Thumbnails
    function parseXML() {
        if (typeof jQuery != 'undefined') {
            jQuery.ajax({url: dataPagePath + "/data.loadAllVehicles.xml", async: false, dataType: "xml",
                error: function (o, status, error) {if (typeof(console) != 'undefined') console.log("o: " + o + "\nstatus: " + status + "\nerror: " + error);},
                success: function (data, status) {xmlDoc = data; createBody(); }
            });
        }
    }   

    function createBody() {
        currentLocation = window.location;
        if(String(currentLocation).indexOf("espanol") != -1 || String(currentLocation).indexOf("/es/") != -1) {
            appendSeating = "Hasta ";
            isEspanol = true;
        } else {
            appendSeating = "Up to ";
            isEspanol = false;
        }
        
        var spanImg = document.getElementById('spanImg');
        var forOffers = document.getElementById('forOffers');
        var goImg = document.getElementById('goImg');
        var forCpo = document.getElementById('forCpo');

        setOverSrc(spanImg);
        setOverSrc(forOffers);
        setOverSrc(goImg);
        setOverSrc(forCpo);

        var allVehicles = xmlDoc.getElementsByTagName("allVehicles");
        var sortsection = xmlDoc.getElementsByTagName("sortsection");
        savTitle = xmlDoc.getElementsByTagName("seeallcontent")[0].childNodes[0].nodeValue; 

        //creating see all vechicles
        var savContent = document.getElementById("savTitle");
        var allvehicles1 = document.createElement('img');
        allvehicles1.id = "allvehicles1";
        allvehicles1.src = savTitle;
        setOverSrc(allvehicles1);
        allvehicles1.alt= "see all vehicles";
        allvehicles1.title = "see all vehicles";
        allvehicles1.onclick = viewAllCars;
        savContent.appendChild(allvehicles1);
        
        var k = 0;
        for(var j = 0; j < 3; j++) {
            vehicleArray1[j] = allVehicles[0].getElementsByTagName("sections")[j].childNodes[0].nodeValue;
            vehicleType1[j] = allVehicles[0].getElementsByTagName("sections")[j].getAttribute('type');
        
            //Creates the Regional Nav          
            var vehicleDiv = document.createElement("div");
            vehicleDiv.id="vehiclediv"+j;
            var aEleVehicle = document.createElement('a');
            aEleVehicle.id="aTag"+k;
            var imgType = document.createElement('img');
            imgType.id = "imgType_"+k;
            imgType.alt = vehicleType1[j];
            imgType.title = vehicleType1[j];
            imgType.src = vehicleArray1[j];
            setOverSrc(imgType);
            aEleVehicle.appendChild(imgType);
            aEleVehicle.onclick = new Function("viewCars("+k+")");
            vehicleDiv.appendChild(aEleVehicle);
            document.getElementById('carm').appendChild(vehicleDiv);
            regArray[k] = vehicleArray1[j];
            k++;
        }

        for(var j = 0; j < 3; j++) {
            sortType[j] = sortsection[0].getElementsByTagName("sections")[j].childNodes[0].nodeValue;
            sortType1[j] = sortsection[0].getElementsByTagName("sections")[j].getAttribute('type');

            var sortDiv = document.createElement("div");
            sortDiv.id="sortdiv"+j;
            sortDiv.className="regNavContent";

            var aEleSort = document.createElement('a');
            aEleSort.id = "aTag"+k;
            
            var imgType = document.createElement('img');
            imgType.id = "imgType_"+k;
            imgType.src = sortType[j];
            imgType.alt = sortType1[j];
            imgType.title = sortType1[j];
            setOverSrc(imgType);
            aEleSort.appendChild(imgType);
            aEleSort.onclick = new Function("viewOnSort("+k+")");
            aEleSort.style.color="#000000";
            aEleSort.style.textDecoration="none";
            sortDiv.appendChild(aEleSort);
            document.getElementById('sortv').appendChild(sortDiv);
            regArray[k] = sortType[j];
            k++;
        }
        
        //for Generating data for shoppingTools
        shoppingTools();
        
        var thumbnail = xmlDoc.getElementsByTagName("thumbnail");
        var disclaimerLength = xmlDoc.getElementsByTagName("disclaimer")[0].childNodes.length;
        var disclaimerNode = xmlDoc.getElementsByTagName("disclaimer")[0];
        
        disclaimer = '';
        for(var j=0; j < disclaimerLength; j++) {
            if(disclaimerNode.childNodes[j].nodeType ==1) {
                disclaimer += "<"+disclaimerNode.childNodes[j].nodeName+"/>";
            } else {
                disclaimer += disclaimerNode.childNodes[j].nodeValue;
            }
        }

        for(var i=0; i < thumbnail.length; i++) {
            var x = thumbnail[i].childNodes;
            var titleValue = null;
            var imgPath = null;
            var priceValue = null;
            var fueleconomyValue = null;
            var seatingValue = null;
            var vehicleType = null;
            var offersVal = null;
            var offersLink = null;
            vehicleType = thumbnail[i].getAttribute("type");
            
            for(var j=0;j<x.length;j++) {
                if(x[j].nodeName == "title") {
                    titleValue = getValue(x,j);
                }
                if(x[j].nodeName == "img") {
                    imgPath = getValue(x,j);
                }
                if(x[j].nodeName == "price") {
                    priceValue = getValue(x,j);
                }
                if(x[j].nodeName == "fueleconomy") {
                    fueleconomyValue = getValue(x,j);
                }
                if(x[j].nodeName == "seating") {
                    seatingValue = getValue(x,j);
                }
                if(x[j].nodeName == "offers") {
                    offersVal = getValue(x,j);
                    offersLink = x[j].getAttribute("link");
                }
                if(x[j].nodeName == "offers") {
                    offersVal = getValue(x,j);
                    offersLink = x[j].getAttribute("link");
                }
            }

            thumbnailsArray.push(new thumb_ds(i,"divId_"+i,titleValue,imgPath,priceValue,fueleconomyValue,seatingValue,vehicleType,offersVal,offersLink));          
        }
        
        thumbnailsArray1 = thumbnailsArray;
        jQuery(".transparentDiv").hide();
        viewAll();
    }


    function getValue(obj,j) {
        var val = obj[j].childNodes[0].nodeValue;
        return val;
    }

    function shoppingTools() {
        var shopping = xmlDoc.getElementsByTagName("shoppingtools");

        var byn = shopping[0].getElementsByTagName("byn")[0].childNodes[0].nodeValue;
        var gab = shopping[0].getElementsByTagName("gab")[0].childNodes[0].nodeValue;
        var estimatePayments = shopping[0].getElementsByTagName("estimatePayments")[0].childNodes[0].nodeValue;
        var raq = shopping[0].getElementsByTagName("raq")[0].childNodes[0].nodeValue;

        var searchInventory = shopping[0].getElementsByTagName("searchInventory")[0].childNodes[0].nodeValue;
        var searchInventoryGo = shopping[0].getElementsByTagName("searchInventorygo")[0].childNodes[0].nodeValue;
        var locate = shopping[0].getElementsByTagName("locate")[0].childNodes[0].nodeValue;
        var locateGo = shopping[0].getElementsByTagName("locatego")[0].childNodes[0].nodeValue;
        
        var bynLink = shopping[0].getElementsByTagName("byn")[0].getAttribute("link");
        var gabLink = shopping[0].getElementsByTagName("gab")[0].getAttribute("link");
        var estimatePaymentsLink =  shopping[0].getElementsByTagName("estimatePayments")[0].getAttribute("link");
        var raqLink = shopping[0].getElementsByTagName("raq")[0].getAttribute("link");
        var searchInventoryLink= shopping[0].getElementsByTagName("searchInventorygo")[0].getAttribute("link");
        var locateLink = shopping[0].getElementsByTagName("locatego")[0].getAttribute("link");

        var bynDiv = document.createElement("div");
        bynDiv.id = "bynDiv1";
        var byn1 = document.createElement("a");
        byn1.id = "rab1";
        var byn1img = document.createElement("img");
        byn1img.src=byn;
        byn1img.alt="build your vehicle";
        byn1img.title="build your vehicle";
        setOverSrc(byn1img);
        byn1.appendChild(byn1img);
        byn1.href=bynLink;
        bynDiv.appendChild(byn1);
        document.getElementById('shoppingTools').appendChild(bynDiv);

        var gabDiv = document.createElement("div");
        gabDiv.id = "gabDiv1";
        var gab1 = document.createElement("a");
        gab1.id = "gab1";
        var gab1img = document.createElement("img");
        gab1img.src=gab;
        gab1img.alt = "get a brochure";
        gab1img.title = "get a brochure";
        setOverSrc(gab1img);
        gab1.appendChild(gab1img);
        gab1.href=gabLink;
        gabDiv.appendChild(gab1);
        document.getElementById('shoppingTools').appendChild(gabDiv);
        
        var estimatePaymentsDiv = document.createElement("div");
        estimatePaymentsDiv.id = "estimatePaymentsDiv1";
        var estimatePayments1 = document.createElement("a");
        estimatePayments1.id = "espayments1";
        var estimatePayments1img = document.createElement("img");
        estimatePayments1img.src=estimatePayments;
        estimatePayments1img.alt = "Estimate Payments";
        estimatePayments1img.title = "Estimate Payments";
        setOverSrc(estimatePayments1img);
        estimatePayments1.appendChild(estimatePayments1img);
        estimatePayments1.href=estimatePaymentsLink;
        estimatePaymentsDiv.appendChild(estimatePayments1);
        document.getElementById('shoppingTools').appendChild(estimatePaymentsDiv);

        var raqDiv = document.createElement("div");
        raqDiv.id = "raqDiv1";
        var raq1 = document.createElement("a");
        raq1.id = "raq1";
        var raq1img = document.createElement("img");
        raq1img.src=raq;
        raq1img.alt = "Request a quote";
        raq1img.title = "Request a quote";
        setOverSrc(raq1img);
        raq1.appendChild(raq1img);
        raq1.href=raqLink;
        raqDiv.appendChild(raq1);
        document.getElementById('shoppingTools').appendChild(raqDiv);

        var searchInventoryDiv = document.createElement("div");
        searchInventoryDiv.id = "searchInventoryDiv1";
        searchInventoryDiv.style.paddingBottom="1px";
        var searchInventory1 = document.createElement("a");
        searchInventory1.id = "searchInventory1";
        var searchInventory1img = document.createElement("img");
        searchInventory1img.src=searchInventory;
        searchInventory1img.alt = "Search Inventory";
        searchInventory1img.title = "Search Inventory";
        searchInventory1.appendChild(searchInventory1img);
        searchInventoryDiv.appendChild(searchInventory1);

        var goSearchinventory = document.createElement("a");
        goSearchinventory.id="goSearchinventory";
        var goSearchinventoryimg = document.createElement("img");
        goSearchinventoryimg.src=searchInventoryGo;
        goSearchinventoryimg.alt = "Go";
        goSearchinventoryimg.title = "Go";
        if(isEspanol) {
            goSearchinventoryimg.style.position = "relative";
            goSearchinventoryimg.style.left = "10px";
        }
        setOverSrc(goSearchinventoryimg);
        goSearchinventory.appendChild(goSearchinventoryimg);
        goSearchinventory.onclick = searchInventoryGo1;
        searchInventoryDiv.appendChild(goSearchinventory);
        document.getElementById('locateDealertools').appendChild(searchInventoryDiv);
        
        var locateDiv = document.createElement("div");
        locateDiv.id="locateDiv1";
        var locate1 = document.createElement("a");
        locate1.id = "locate1";
        var locate1img = document.createElement("img");
        locate1img.src=locate;
        locate1img.alt="Locate a Dealer";
        locate1img.title="Locate a Dealer";
        locate1.appendChild(locate1img);
        locateDiv.appendChild(locate1);

        var goLocate1 = document.createElement("a");
        goLocate1.id="goLocate1";
        var goLocate1img = document.createElement("img");
        goLocate1img.src= locateGo;
        goLocate1img.alt = "Go";
        goLocate1img.title = "Go";
        setOverSrc(goLocate1img);
        goLocate1.appendChild(goLocate1img);
        goLocate1.onclick = locateGo1;
        locateDiv.appendChild(goLocate1);
        document.getElementById('locateDealertools').appendChild(locateDiv);
    }

    //creates the DOM struture for all the vehicles
    function viewAll() {
        var j=0;
        try {
            jQuery.ifixpng(imagePath + "/spacer.gif");
            jQuery("img[@src$='.png']").ifixpng();      
        } catch(e) {
        }

        var imageObj = new Image();
        var imageObjOn = new Image();
        vehImages = new Array();
        vehImagesOn = new Array();
        for(var k=0; k<thumbnailsArray.length; k++)  {
            vehImages[k] = thumbnailsArray[k].img;
            imageObj.src=vehImages[k];
            temp = thumbnailsArray[k].img;
            var newStr = temp.replace(".jpg","_on.jpg");            
            vehImagesOn[k] = newStr;
            imageObjOn.src=vehImagesOn[k];
        }

        for(i=0;i<thumbnailsArray.length;i++) {   
            var divEle = document.createElement('div');
            divEle.id = "divId_"+i;

            //Div for appending title
            var textDiv = document.createElement('div');
            textDiv.id = "textDiv_"+i;
            textDiv.style.height = "15px";
            textDiv.style.width = "75px";
            textDiv.style.position = "absolute";
            textDiv.style.top = "0px";
            textDiv.style.left = "60px";

            if(thumbnailsArray[i].offers!=null) {
                var offersDiv = document.createElement('div');
                offersDiv.id = "offersDiv_"+i;
                var aOffers = document.createElement('a');
                aOffers.id="aOffers_"+i;
                var imgOffers = document.createElement('img');
                imgOffers.id="imgOffers_"+i;
                imgOffers.alt = "Offers";
                imgOffers.title = "Offers";
                
                if(isEspanol) {
                    imgOffers.src = imagePath + "/sav_btn_offers_es.gif";
                } else {
                    imgOffers.src = imagePath + "/sav_btn_offers.gif";
                }
                
                setOverSrc(imgOffers);
                aOffers.style.textDecoration = "none";
                aOffers.appendChild(imgOffers);
                offersDiv.appendChild(aOffers);
                offersDiv.style.position="absolute";
                offersDiv.style.top="0px";
                offersDiv.style.left="27px";
                offersDiv.style.zIndex = "10";
                textDiv.appendChild(offersDiv);
            }
            
            var offersId = i;
            
            jQuery(imgOffers).click(function(event) {
                if(event.target == this) {   
                    var t = this.id;
                    var id = t.replace("imgOffers_","");
                    window.location.href = thumbnailsArray[id].offers;
                }
                event.stopPropagation();
            });

            divEle.appendChild(textDiv);
            jQuery("#textDiv_"+i).fadeIn('700');
            
            var additionalDiv = document.createElement('div');
            additionalDiv.id = "additionalDiv_"+i;
            additionalDiv.style.height = "15px";
            additionalDiv.style.width = "125px";
            additionalDiv.style.position = "absolute";
            additionalDiv.style.top="12px";
            additionalDiv.style.left = "6px";
            additionalDiv.style.cursor = "pointer";
            divEle.appendChild(additionalDiv);

            var imgEle = document.createElement('div');
            imgEle.id = "imgEle_"+i;
            var imgElem = document.createElement('img');
            imgElem.id = "img_"+i;
            imgElem.src = thumbnailsArray[i].img;
            setOverSrc(imgElem);
            vehImages[i] = thumbnailsArray[i].img;
            imgElem.alt = thumbnailsArray[i].title;
            imgElem.title = thumbnailsArray[i].title;
            imgEle.appendChild(imgElem);
            divEle.appendChild(imgEle);

            jQuery("#img_"+i).css({"width":"137px","height":"57px"});
            jQuery("#img_"+i).fadeIn('700');

            var exisitingObj = document.getElementById('thumbnail_container');
            exisitingObj.appendChild(divEle);
            jQuery("#divId_"+i).css({"width":"135px","height":"84px","float":"left"});
            jQuery("#divId_"+i).fadeIn('700');

            tempArray[j] = thumbnailsArray[i];
            
            var newTitle = thumbnailsArray[i].title;
            newTitle= newTitle.toString();
            divEle.onclick = new Function("parseVehicleXML("+i+")");
            
            j++;
        }
        
        crmEvent1({'category':'all_vehicles'});
        positionVehicles(thumbnailsArray);
        showVehicles(thumbnailsArray);
    }

    //view All vehicles from the link All Vehicles
    function viewAllCars() {
        crmEvent1({'category':'all_vehicles'});
        changeLinks('allvehicles1');
        buttonID1="see_all_vehicles";
        changeGlobalLinks();
        tempArray =  new Array();
        
        for(var i=0;i<thumbnailsArray.length;i++) {
            tempArray[i] = thumbnailsArray[i];
        }
        
        removeAdditionalDiv(tempArray);
        positionVehicles(tempArray);
        showVehicles(tempArray);
    }

    //View cars based on vehicle type
    function viewCars(aTagId) {
        var aValue;
        if(aTagId==0) {
            aValue="CARS/MINIVANS";
            buttonID1="cars";
            crmEvent2({'category':'cars_minivans'});
        } else if(aTagId==1) {
            aValue= "SUVS/CROSSOVERS";
            buttonID1="suvs";
            crmEvent3({'category':'crossovers_suvs'});
        } else if(aTagId==2) {
            aValue = "TRUCKS";
            buttonID1="trucks";
            crmEvent4({'category':'trucks'});
        }

        changeLinks(aTagId);
        window.setTimeout(changeGlobalLinks,1000);
            
        hideCars(tempArray);
        removeAdditionalDiv(tempArray);

        tempArray = new Array();
        var j=0;
        for(i=0;i<thumbnailsArray.length;i++) {
            if(aValue.toLowerCase() == thumbnailsArray[i].vehicleType.toLowerCase()) {
                tempArray[j] = thumbnailsArray[i];
                j++;
            }
        }
        positionVehicles(tempArray);
        showVehicles(tempArray);
    }

    //View cars based on sort sections
    function viewOnSort(sortTagId) {   
        var sortValue;
        var price = new  Array();
        var fuel = new Array();
        var seatings  = new Array();
        var tempSortArray = new Array();
        
        changeLinks(sortTagId);
        buttonID1="see_all_vehicles";
        changeGlobalLinks();
        
        if(sortTagId==3) {
            sortValue="BY PRICE";
        } else if(sortTagId==4) {
            sortValue= "BY FUEL ECONOMY";
        } else if(sortTagId==5) {
            sortValue = "BY SEATING";
        }

        hideCars(tempArray);
        removeAdditionalDiv(tempArray);

        //Sorting based on Price Values
        var newPrice = new Array();
        var tempPriceArray = new Array();
        
        for(i=0; i < thumbnailsArray.length; i++) {
            tempArray[i] = thumbnailsArray[i];
        }
        
        if(sortValue == "BY PRICE") {
            for(var i=0;i<tempArray.length;i++) {
                price[i] = tempArray[i].price;
                newPrice[i] = price[i].replace(',','');
                tempPriceArray[i] = (tempArray[i].price).replace(',','');
            }
                
            //Sorting the price values
            newPrice.sort(sortNumber);
            for(var k=0; k<newPrice.length; k++) {
                j = 0;
                while(j < tempPriceArray.length) {
                    if(newPrice[k] == tempPriceArray[j]) {
                        tempSortArray[k] = tempArray[j];
                        tempPriceArray.splice(j,1);
                        tempArray.splice(j,1);
                        newPrice.splice(k,1,"NaN");
                    }
                    j++;
                }
            }

            for(var i=0;i<newPrice.length;i++) {
                var k = tempSortArray[i].id;
                var z = tempSortArray[i].price;
                createAdditionalDiv(k,"$"+z+"<sup style='font-size:7px;color:black;'>[1]</sup>");
                tempArray[i]=tempSortArray[i];
            }
        } else if(sortValue == "BY FUEL ECONOMY") {         //Sorting based on fuel economy Values
            var j=0;
            for(var i=0;i<tempArray.length;i++) {
                fuel[i] = tempArray[i].fueleconomy;
            }
            
            //Sorting the fuel values
            fuel.sort(sortNumber);
            
            //Sorting in reverse order
            var tempFuelArray = new Array();
            var j=0;
            for(var i=(fuel.length)-1; i>=0; i--) {
                tempFuelArray[j] = fuel[i];
                j++;
            }
            
            for(var i=0; i<fuel.length; i++) {
                fuel[i] = tempFuelArray[i];
            }

            for(var k=0; k<fuel.length; k++) {
                j=0;
                while(j < tempArray.length) {           
                    if(fuel[k] == tempArray[j].fueleconomy) {
                        tempSortArray[k]=tempArray[j];
                        tempArray.splice(j,1);
                        fuel.splice(k,1,"NaN");
                    }
                    j++;
                }
            }
            
            for(var i=0;i<fuel.length;i++) {
                var k = tempSortArray[i].id ;
                createAdditionalDiv(k,tempSortArray[i].fueleconomy+" MPG<sup style='font-size:7px;color:black;'>[2]</sup>");
                tempArray[i]=tempSortArray[i];
            }
        } else if(sortValue == "BY SEATING") { //Sorting based on Seating values
            var j=0;
            for(var i=0;i<tempArray.length;i++) {
                seatings[i] = tempArray[i].seating;
            }
            seatings.sort();

            for(var k=0; k<seatings.length; k++) {
                j = 0;
                while(j < tempArray.length) {
                    if(seatings[k] == tempArray[j].seating) {
                        tempSortArray[k]=tempArray[j];
                        tempArray.splice(j,1);
                        seatings.splice(k,1,"NaN");
                    }
                    j++;
                }
            }
            
            for(var i=0;i<seatings.length;i++) {
                var k = tempSortArray[i].id ;
                createAdditionalDiv(k,appendSeating+tempSortArray[i].seating);
                tempArray[i]=tempSortArray[i];
            }
        }
        
        positionVehicles(tempSortArray);
        showVehicles(tempSortArray);
    }

    function getDisclaimerText() {
        document.getElementById("tPopUpImg1").innerHTML = disclaimer;
    }

/*****************************************************************
    vehicle_details.js
*****************************************************************/
    
    //Detail layer information parsing and display in layer.
    var vehicleArray = new Array();
    var xmlDoc1;
    var trimsArray;
    var trimsCount;

    var int_lg ="";
    var int_sm ="";
    var ext_lg ="";
    var ext_sm ="";

    function trims_ds(heading, trimName, price, pricedetail, mpg, seating, lgExterior, smExterior, lgInterior, smInterior, tabImage, content, shopping, shoppingLink) {
        this.heading = heading;
        this.trimName = trimName;
        this.price = price;
        this.pricedetail = pricedetail;
        this.mpg = mpg;
        this.seating = seating;
        this.lgExterior = lgExterior;
        this.smExterior = smExterior;
        this.lgInterior = lgInterior;
        this.smInterior = smInterior;
        this.tabImage = tabImage;
        this.content = content;
        this.shopping = shopping;
        this.shoppingLink = shoppingLink;
    }

    function vehcile_ds(id, seemoreimages, disclaimer, trimsLength) {
        this.id = id;
        this.seemoreimages = seemoreimages;
        this.disclaimer = disclaimer;
        this.trimsLength = trimsLength;
    }

    function importVehicleXML() {
        if (typeof jQuery != 'undefined') {
            jQuery.ajax({url: dataPagePath + "/data.vehicleSpecificDetails.xml", async: false, dataType: "xml",
                error: function (o, status, error) {if (typeof(console) != 'undefined') console.log("o: " + o + "\nstatus: " + status + "\nerror: " + error);},
                success: function (data, status) { xmlDoc1 = data; }
            });
        }
    }
    
    function parseVehicleXML(id) {
        if (xmlDoc1 == undefined) {
            if (typeof(console) != 'undefined') {
                console.log("xmlDoc1 failed to load");
            }
        }
        
        vehicleDetails(id);
    }
        
    function vehicleDetails(id1) {
        trimsArray = new Array(new Array(12), new Array(12));
        var vehicle = xmlDoc1.getElementsByTagName("Vehicle");
        var vehicleNodes = vehicle[id1].childNodes;
        var k = 0;
        
        for(var i=0; i<vehicleNodes.length;i++) {   
            var tabImage = null;
            var pricedetail = '';
            if(vehicleNodes[i].nodeName == "trim") {
                trimDataLength = vehicleNodes[i].childNodes.length;
                var trimName = vehicleNodes[i].getAttribute("name");
                
                for(var j=0; j < trimDataLength; j++) {
                    if(vehicleNodes[i].childNodes[j].nodeName == "heading") {
                        var heading = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "price") {
                        var price = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "pricedetail" && vehicleNodes[i].childNodes[j].childNodes[0] != undefined) {
                        var pricedetail = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "mpg") {
                        var mpg = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "seating") {
                        var seating = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "lgExterior") {
                        var lgExterior = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "smExterior") {
                        var smExterior = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "lgInterior") {
                        var lgInterior = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "smInterior") {
                        var smInterior = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "tabImage" && vehicleNodes[i].childNodes[j].childNodes[0] != undefined) {
                        tabImage = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "vehcilecontent") {
                        var content = new Array();
                        var content1=0;
                        for(var z=0; z<vehicleNodes[i].childNodes[j].childNodes.length; z++) {
                            if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "content") {
                                content[content1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
                                content1++;
                            }
                        }
                    }
                    if(vehicleNodes[i].childNodes[j].nodeName == "shoppingtools") {
                        var shopping = new Array();
                        var shoppingLink = new Array();
                        var shopping1=0;
                        
                        for(var z=0; z<vehicleNodes[i].childNodes[j].childNodes.length; z++) {
                            if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "explore") {
                                shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
                                shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
                                shopping1++;
                            } else if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "buv") {
                                shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
                                shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
                                shopping1++;
                            } else if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "rab") {
                                shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
                                shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
                                shopping1++;
                            } else if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "raq") {
                                shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
                                shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
                                shopping1++;
                            } else if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "locate") {
                                shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
                                shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
                                shopping1++;
                            }
                        }
                    }
                }
                trimsArray[0][k] =  new trims_ds(heading,trimName,price,pricedetail,mpg,seating,lgExterior,smExterior,lgInterior,smInterior,tabImage,content,shopping,shoppingLink);
                k++;
            }

            if(vehicleNodes[i].nodeName == "seemoreimages") {
                var seemoreimages = vehicleNodes[i].getAttribute("link");
            }
            
            if(vehicleNodes[i].nodeName == "disclaimer") {
                var x = vehicleNodes[i].childNodes;
                var disclaimer = '';
                for(var j=0;j<vehicleNodes[i].childNodes.length;j++) {
                    if(vehicleNodes[i].childNodes[j].nodeType ==1) {
                        disclaimer += "<"+vehicleNodes[i].childNodes[j].nodeName+"/>";
                    } else {
                        disclaimer += vehicleNodes[i].childNodes[j].nodeValue;
                    }
                }
            }
            var vehicleId = vehicle[id1].getAttribute("id");
        }

        vehicleArray.push(new vehcile_ds(vehicleId,seemoreimages,disclaimer,k));
        trimsCount = k;
        
        viewVehiclesdetails(id1, trimsCount);
    }

    //Clear the layer data
    function clearDivData() {
        if(document.getElementById('vehicledetail_layer1')) {
            if(document.getElementById('vehicledetail_layer1')) { 
                try {
                    document.getElementById('vehicledetail_layer').removeChild((document.getElementById('vehicledetail_layer').lastChild));
                } catch (e) {
                    return;
                }
            }
        }
    }

    function viewVehiclesdetails(id1, trimsCount) {
        clearDivData();
        jQuery("#layer").css('visibility','visible');
        jQuery("#layerBackground").css('visibility','visible');
        jQuery("#layer").show();
        jQuery("#layerBackground").show();
        jQuery(".transparentDiv").show();

        var closeImg = document.getElementById("closeButton");
        setOverSrc(closeImg);
        var newTitle = thumbnailsArray[id1].title;
        generateCrmEvents();
        
        if(vehicleArray[0].id == newTitle) {   
            trimsCount = vehicleArray[0].trimsLength;

            var vehicledetail_layer1 = document.createElement('div');
            vehicledetail_layer1.id = "vehicledetail_layer1";
            vehicledetail_layer1.className = "vehicledetail_layer1";

            if(thumbnailsArray[id1].offers!=null) {
                var splOffers = document.createElement('div');
                splOffers.id = "splOffers";
                splOffers.className = "splOffers";
                if(isEspanol) {
                    splOffers.style.left = "340px";
                }
                var splOffersA = document.createElement('a');
                splOffersA.id = "splOffersA";
                var splOffersImg = document.createElement('img');
                
                if(isEspanol) {
                    splOffersImg.src= imagePath + "/snap_btn_offers_es.gif";
                } else {
                    splOffersImg.src= imagePath + "/snap_btn_offers.gif";
                }
                
                splOffersImg.alt = "Special Offers";
                splOffersImg.title = "Special Offers";
                setOverSrc(splOffersImg);
                splOffersA.appendChild(splOffersImg);
                splOffersA.href=thumbnailsArray[id1].offersLink;
                splOffers.appendChild(splOffersA);
                vehicledetail_layer1.appendChild(splOffers);
            }

            var divEle = document.createElement("div");
            divEle.className = "tabbernav";

            for(var i=0; i < trimsCount; i++) {               
                var vehicleLayer = document.createElement('div');
                vehicleLayer.id  ="vehicleLayer_"+i;
                vehicleLayer.className = "vehicleLayer";

                var headingDiv = document.createElement('div');
                headingDiv.id = "headingDiv_"+i;
                headingDiv.className = "headingDiv";
                headingDiv.innerHTML = trimsArray[0][i].heading;
                vehicleLayer.appendChild(headingDiv);

                var mainContainer = document.createElement('div');
                mainContainer.id="mainContainer";
                mainContainer.className="mainContainer";

                var largeImageDiv = document.createElement('div');
                largeImageDiv.id = "largeImageDiv_"+i;
                largeImageDiv.className = "vehicleImage";
                
                var largeImageDivImg = document.createElement('img');
                ext_lg = trimsArray[0][i].lgExterior;
                largeImageDivImg.src= ext_lg;
                largeImageDiv.appendChild(largeImageDivImg);
                mainContainer.appendChild(largeImageDiv);

                var priceDiv = document.createElement('div');
                priceDiv.id = "priceDiv_"+i;
                priceDiv.className = "priceDiv";
                priceDiv.innerHTML = trimsArray[0][i].price;
                mainContainer.appendChild(priceDiv);
                
                var mpgSeating = document.createElement('div');
                mpgSeating.id="mpgSeating_"+i;
                mpgSeating.className="mpgSeating";

                var mpgDiv = document.createElement('div');
                mpgDiv.id="mpgDiv";
                mpgDiv.className="mpgDiv";
                mpgDiv.innerHTML = trimsArray[0][i].mpg;
                mpgSeating.appendChild(mpgDiv);

                var seatingDiv = document.createElement('div');
                seatingDiv.id="seatingDiv";
                seatingDiv.className="seatingDiv";
                var seatingUl = document.createElement('ul');
                var seatingLi = document.createElement('li');
                seatingLi.innerHTML = trimsArray[0][i].seating;
                seatingUl.appendChild(seatingLi);
                seatingDiv.appendChild(seatingUl);
                mpgSeating.appendChild(seatingDiv);
                
                mainContainer.appendChild(mpgSeating);
                
                var priceDetailDiv = document.createElement('div');
                priceDetailDiv.id="priceDetailDiv_"+i;
                priceDetailDiv.className="priceDetailDiv";
                priceDetailDiv.innerHTML = trimsArray[0][i].pricedetail;
                mainContainer.appendChild(priceDetailDiv);

                vehicleLayer.appendChild(mainContainer);

                var smallImageDiv = document.createElement('div');
                smallImageDiv.id = "smallImageDiv_"+i;
                smallImageDiv.className = "smallImageDiv ";
                var smallImageDivImg = document.createElement('img');
                int_sm = trimsArray[0][i].smInterior;

                smallImageDivImg.src= int_sm;
                smallImageDivImg.style.cursor = "pointer";
                smallImageDiv.appendChild(smallImageDivImg);
                vehicleLayer.appendChild(smallImageDiv);

                var changeViewDiv = document.createElement("div");
                changeViewDiv.id = "changeViewDiv";
                changeViewDiv.className = "changeViewDiv";
                
                var changeViewA = document.createElement("a");
                changeViewA.id = "changeViewA";
                changeViewA.onclick = new Function("change("+i+")");
                changeViewA.style.color="#000000";
                changeViewA.style.cursor = "pointer";
                changeViewA.innerHTML ="Change View";
                if(isEspanol) {
                    changeViewA.innerHTML ="Cambia la perspectiva";
                }
                changeViewDiv.appendChild(changeViewA);
                vehicleLayer.appendChild(changeViewDiv);
                
                //Added
                vehicleLayer.style.display = "none";
                vehicledetail_layer1.appendChild(vehicleLayer);

                int_lg = trimsArray[0][i].lgInterior;
                ext_sm = trimsArray[0][i].smExterior;

                smallImageDiv.onclick = new Function("change("+i+")");
            }

            var tabDisclaimerDiv = document.createElement('div');
            tabDisclaimerDiv.id = "tabDisclaimerDiv";
            tabDisclaimerDiv.className = "tabDisclaimerDiv";

            //For tabs 
            var tabMenus = document.createElement('div');
            tabMenus.id = "tabMenus";
            tabMenus.className = "tabMenus";

            if(trimsCount > 1) {
                var divEle = document.createElement("div");
                divEle.className = "tabbernav";
                
                for(var k=0;k<trimsCount;k++) {
                    var tabEle = document.createElement('div');
                    var tabA = document.createElement('a');
                    var tabImg = document.createElement('img');
                    tabImg.id = "tabImg_"+k;
                    if(k==0) {
                        var temp = trimsArray[0][k].tabImage;
                        var newStr = temp.replace(".gif","_on.gif");    
                        tabImg.src = newStr;
                    } else {
                        tabImg.src = trimsArray[0][k].tabImage;
                    }
                    tabA.appendChild(tabImg);
                    tabEle.appendChild(tabA);
                    tabEle.onclick = new Function("showDiv("+k+")");
                    tabEle.id="tabEle_"+k;
                    tabEle.className = "tabEle_"+k;
                    divEle.appendChild(tabEle);
                }
            }
            
            tabMenus.appendChild(divEle);               

            var seeMoreImagesDiv = document.createElement('div');
            seeMoreImagesDiv.id = "seeMoreImagesDiv";
            seeMoreImagesDiv.className = "seeMoreImagesDiv";
            
            var seeMoreImagesA = document.createElement("a");
            seeMoreImagesA.id = "seeMoreImagesA";
            seeMoreImagesA.style.color="#000000";
            seeMoreImagesA.style.cursor = "pointer";
            seeMoreImagesA.style.textDecoration = "underline";
            seeMoreImagesA.innerHTML ="See More Images";
            if(isEspanol) {
                seeMoreImagesA.innerHTML ="Ver más imágenes";
            }
            seeMoreImagesA.href = vehicleArray[0].seemoreimages;
            seeMoreImagesDiv.appendChild(seeMoreImagesA);
            vehicledetail_layer1.appendChild(seeMoreImagesDiv);

            for(var k=0;k<trimsCount;k++) {
                var tabMenu = document.createElement('div');
                tabMenu.id = 'tabMenu_'+k;
                
                var contentdivEle = document.createElement('div');
                contentdivEle.id = "contentdivEle";
                var copyHeader = document.createElement('div');
                copyHeader.id = "copyHeader";
                copyHeader.innerHTML = trimsArray[0][k].content[0];
                copyHeader.className="copyHeader";
                contentdivEle.appendChild(copyHeader);
                var copyFeatures = document.createElement('div');
                copyFeatures.id = "copyFeatures";
                copyFeatures.style.position = "relative";
                copyFeatures.style.top = "-15px";
                copyFeatures.style.height = "80px";
                var ulElement = document.createElement('ul');
                ulElement.style.listStyleType = "disc";
                ulElement.style.paddingTop = "10px";
                if(isEspanol){
                    if(jQuery.browser.msie && ((parseInt(jQuery.browser.version) === 7) || (parseInt(jQuery.browser.version) === 6))){
                        ulElement.style.paddingTop = "0";
                        jQuery('#copyHeader').css("padding-bottom","4px");
                  }       
                }      
                for(var j=1; j<trimsArray[0][k].content.length; j++) {
                    var contentDetail = document.createElement('li');
                    contentDetail.id = "contentDetail_"+j;
                    contentDetail.style.paddingBottom = "2px";
                    contentDetail.innerHTML = trimsArray[0][k].content[j];
                    ulElement.appendChild(contentDetail);
                }
                copyFeatures.appendChild(ulElement);
                contentdivEle.appendChild(copyFeatures);
                tabMenu.appendChild(contentdivEle);
            
                var explore = document.createElement('div');
                explore.id = "explore";
                explore.className = "explore";
                explore.style.paddingLeft = "25px";
                
                var exploreA = document.createElement('a');
                var exploreImg = document.createElement('img');
                exploreImg.src = trimsArray[0][k].shopping[0];
                exploreImg.alt = "Explore your Vehicle";
                exploreImg.title = "Explore your Vehicle";
                setOverSrc(exploreImg);
                exploreA.appendChild(exploreImg);
                exploreA.href=trimsArray[0][k].shoppingLink[0];
                explore.appendChild(exploreA);
                tabMenu.appendChild(explore);
                
                var seperateDiv = document.createElement('div');;
                seperateDiv.id = "seperateDiv";
                seperateDiv.className = "seperateDiv";
                tabMenu.appendChild(seperateDiv);
                
                var shopDiv = document.createElement('div');
                shopDiv.id = "shopDiv";
                shopDiv.className = "shopDiv";

                var buv = document.createElement('div');
                buv.id = "buv";
                jQuery("buv").css("paddingBottom","5px");
                var buvA = document.createElement('a');
                var buvImg = document.createElement('img');
                buvImg.src = trimsArray[0][k].shopping[1];
                buvImg.alt = "Build your Vehicle";
                buvImg.title = "Build your Vehicle";
                setOverSrc(buvImg);
                buvA.appendChild(buvImg);
                buvA.href= trimsArray[0][k].shoppingLink[1];
                buv.appendChild(buvA);
                shopDiv.appendChild(buv);

                var rab = document.createElement('div');
                rab.id = "rab";
                jQuery("rab").css("paddingBottom","5px");
                var rabA = document.createElement('a');
                var rabImg = document.createElement('img');
                rabImg.src = trimsArray[0][k].shopping[2];
                rabImg.alt = "Get A Brochure";
                rabImg.title = "Get A Brochure";
                setOverSrc(rabImg);
                rabA.appendChild(rabImg);
                rabA.href = trimsArray[0][k].shoppingLink[2];
                rab.appendChild(rabA);
                shopDiv.appendChild(rab);

                var raq = document.createElement('div');
                raq.id = "raq";
                jQuery("raq").css("paddingBottom","5px");
                var raqA = document.createElement('a');
                var raqImg = document.createElement('img');
                raqImg.src = trimsArray[0][k].shopping[3];
                raqImg.alt = "Request a Quote";
                raqImg.title = "Request a Quote";
                setOverSrc(raqImg);
                raqA.appendChild(raqImg);
                raqA.href = trimsArray[0][k].shoppingLink[3];
                raq.appendChild(raqA);
                shopDiv.appendChild(raq);

                tabMenu.appendChild(shopDiv);

                var locate = document.createElement('div');
                locate.id = "locate";
                locate.className = "locateText";
                locate.innerHTML = trimsArray[0][k].shopping[4];
                tabMenu.appendChild(locate);

                var zipCodeDiv = document.createElement("div");
                zipCodeDiv.id = "zipCodeDiv";
                zipCodeDiv.className= "zipCodeDiv";
                if(isEspanol) {
                    zipCodeDiv.style.left="35px";
                    var zipCode1 = "<input type='text' id='zipCodeDealer"+k+"' style='width:173px;border:1px solid #B2B2B2;background-color:#E9E9E9' class='zipCodeShort' value='Código postal o ciudad, estado' onfocus='zipCodeFocus("+k+");'>";
                } else {
                    var zipCode1 = "<input type='text' id='zipCodeDealer"+k+"' style='width:150px;border:1px solid #B2B2B2;background-color:#E9E9E9' class='zipCodeShort' value='Zip Code or City, State' onfocus='zipCodeFocus("+k+");'>";
                }
                tabMenu.appendChild(zipCodeDiv);
                zipCodeDiv.innerHTML = zipCode1;
                
                var goLocateDiv = document.createElement("div");
                goLocateDiv.id="goLocateDiv";
                goLocateDiv.className = "goLocateDiv";
                var goLocateDealer = document.createElement("a");
                goLocateDealer.id="goLocateDealer";
                var goLocateDealerImg = document.createElement("img");
                if(isEspanol) {
                    goLocateDealerImg.src = imagePath + "/sav_reg_btn_go_es.gif";
                } else {
                    goLocateDealerImg.src = imagePath + "/sav_reg_btn_goWht.gif";
                }
                goLocateDealerImg.alt = "Go";
                goLocateDealerImg.title = "Go";
                setOverSrc(goLocateDealerImg);
                goLocateDealer.appendChild(goLocateDealerImg);
                goLocateDealer.onclick = new Function("locateDealerGo("+k+")");
                goLocateDiv.appendChild(goLocateDealer);
                tabMenu.appendChild(goLocateDiv);

                tabMenu.className = "tabmenu";
                tabMenus.appendChild(tabMenu);
            }

            tabDisclaimerDiv.appendChild(tabMenus);

            var disclaimerDiv = document.createElement('div');
            disclaimerDiv.id = "disclaimerDiv";
            disclaimerDiv.className = "disclaimerDiv";
            var disclaimerA = document.createElement("a");
            disclaimerA.id = "disclaimerA";
            disclaimerA.onclick = showDhtmlLayer;
            disclaimerA.style.color="#000000";
            disclaimerA.style.cursor = "pointer";
            disclaimerA.innerHTML ="Disclaimer";
            if(isEspanol) {
                disclaimerA.innerHTML ="Legal";
            }
            disclaimerDiv.appendChild(disclaimerA);
            tabDisclaimerDiv.appendChild(disclaimerDiv);

            //Disclaimer Popup
            var disclaimerPopUpDiv = document.createElement("div");
            disclaimerPopUpDiv.id = "disclaimerPopUpDiv";
            disclaimerPopUpDiv.className = "disclaimerPopUpDiv";

            var tDisclaimerPopUpContainer = document.createElement("div");
            tDisclaimerPopUpContainer.id = "tDisclaimerPopUpContainer";
            tDisclaimerPopUpContainer.style.height = "125px";
            tDisclaimerPopUpContainer.style.width = "325px";
            tDisclaimerPopUpContainer.style.zIndex = "150";

            var closeATag = document.createElement("a");
            closeATag.id = "closeATag";
            closeATag.onclick = hideDhtmlLayer;
            
            var closeImgTag = document.createElement("img");
            closeImgTag.id = "closeImgTag";
            if(isEspanol) {
                closeImgTag.src = imagePath + "/dis_close_es.gif";
            } else {
                closeImgTag.src = imagePath + "/dis_close.gif";
            }
            closeImgTag.alt = "Close";
            closeImgTag.title = "Close";
            setOverSrc(closeImgTag);
            closeImgTag.style.position = "absolute";
            closeImgTag.style.top = "0px";
            closeImgTag.style.left = "260px";
            closeATag.appendChild(closeImgTag);
            tDisclaimerPopUpContainer.appendChild(closeATag);

            var tPopUpImg = document.createElement("div");
            tPopUpImg.id = "tPopUpImg";
            tPopUpImg.className ="tPopUpImg";
            tPopUpImg.innerHTML = vehicleArray[0].disclaimer;
            tDisclaimerPopUpContainer.appendChild(tPopUpImg);
            
            disclaimerPopUpDiv.appendChild(tDisclaimerPopUpContainer);
            tabDisclaimerDiv.appendChild(disclaimerPopUpDiv);   
            vehicledetail_layer1.appendChild(tabDisclaimerDiv);

            document.getElementById('vehicledetail_layer').appendChild(vehicledetail_layer1);
            document.getElementById('tabMenu_0').style.display="block";
            document.getElementById('vehicleLayer_0').style.display="block";
        
            var vehicleName = vehicleArray[0].id;

        }
        
        vehicleArray.pop();
        jQuery("#splOffers > img").css("cursor","pointer");
    }

    var b=true;
    function showDiv(val1) {
        var count = trimsCount;
        var largeImageDiv = jQuery("#largeImageDiv_"+val1);
        var imge =largeImageDiv.children("img");

        var smallImageDiv = jQuery("#smallImageDiv_"+val1);
        var imgi =smallImageDiv.children("img");

        int_sm = trimsArray[0][val1].smInterior;
        ext_lg = trimsArray[0][val1].lgExterior;

        b=true;
        imge.attr("src",ext_lg);
        imgi.attr("src",int_sm);

        var temp = trimsArray[0][val1].tabImage;
        newStr = temp.replace(".gif","_on.gif");    
        document.getElementById('tabMenu_'+val1).style.display='block';
        document.getElementById('tabImg_'+val1).src = newStr;
        document.getElementById('vehicleLayer_'+val1).style.display='block';
        var name = trimsArray[0][val1].trimName;

        if(val1 == 1) {
            generateTabEvents1(name);
            document.getElementById('tabMenu_'+0).style.display='none';
            document.getElementById('tabImg_'+0).src = trimsArray[0][0].tabImage;
            document.getElementById('vehicleLayer_'+0).style.display='none';
        } 
        if(val1 == 0) {
            generateTabEvents0(name);
            document.getElementById('tabMenu_'+1).style.display='none';
            document.getElementById('tabImg_'+1).src = trimsArray[0][1].tabImage;
            document.getElementById('vehicleLayer_'+1).style.display='none';
        }
    }

    // Image change effect
    function change(id){
        var largeImageDiv = jQuery("#largeImageDiv_"+id);
        var imge =largeImageDiv.children("img");

        var smallImageDiv = jQuery("#smallImageDiv_"+id);
        var imgi =smallImageDiv.children("img");
        var name = trimsArray[0][id].trimName;
        if(b) {
            generateInteriorCRM(name);

            int_lg = trimsArray[0][id].lgInterior;
            ext_sm = trimsArray[0][id].smExterior;
        
            imge.attr("src",int_lg);
            imgi.attr("src",ext_sm);
        
            jQuery("#priceDiv_"+id).hide();
            jQuery("#mpgSeating_"+id).hide();
            jQuery("#priceDetailDiv_"+id).hide();
        } else {
            generateExteriorCRM(name);
            
            int_sm = trimsArray[0][id].smInterior;
            ext_lg = trimsArray[0][id].lgExterior;
            
            imge.attr("src",ext_lg);
            imgi.attr("src",int_sm);

            jQuery("#priceDiv_"+id).fadeIn("slow");
            jQuery("#mpgSeating_"+id).fadeIn("slow");
            jQuery("#priceDetailDiv_"+id).fadeIn("slow");
        }
        b = !b;
    }

    function zipCodeFocus(i) {
        document.getElementById('zipCodeDealer'+i).value = '';
    }
    
    /* Additional js required */
    function searchGo() {
        var searchValue = document.getElementById("searchBox").value;
        var link = "http://search.nissanusa.com/search?q=" + searchValue + "&ie=UTF-8&language=en&site=NissanUSA_EN&output=xml_no_dtd&client=default_frontend_prod&proxystylesheet=default_frontend_prod&oe=UTF-8"
        location.href = link;
    }