// JScript File

var tree;
var nodes = [];
var nodeIndex;
var pageNumber;
//For the year Tree
//var yearTree ;
//var yearNodes = []
//var yearNodeIndex;
var ArrYear = new Array();
//Array to Hold on the Vehicle Types and the Images
var MakeArray = new Array();
var ModelArray = new Array();
//var CheckedMakeArray = new Array();
//Variables to Hold Initial Max and Min Vehicle Price
var MaxPrice = 0;
var MinPrice = 0 ;
var SliderMaxPrice = 0;
var SliderMinPrice = 0;
// Variables to get Positions of Slide top and Bottom
var  demo_bgPosLeft ;
var  demo_bgPosTop ;
//
var FirstTimeadvanceSearchLayer = 1;
var IntialMaxSlidePos;
var IntialMinSlidePos;
var tblBodyExists = 0
//PositionsForDivTag to Show Loading Image
var VehTypePosX = 0;
var VenTypePosY = 0;
var YearPosX = 0;
var YearPosY = 0;
var MakeModelX = 0;
var MakeModelY = 0;
var sliderCallFlag = 0;
var SliderNoMaxMinPos = 1;
var HVCount = 0;
var GblCheckedModels = "";
var GblCheckedYears = "";
var GblCheckedMake = "";
var invPrvSortOrder = "desc";
var invPrvSortField = "";
var vehCount = 0;
var selectedMakeVehiclesCount = 0;
var selectedModelVehiclesCount = 0;
var selectedYearVehiclesCount = 0;
//variable to see if it has done processing year, make, model, type and price - this is used in inventory listing page
var flagFinishedProcessing = 0
function doNothing(){
    return;
}

function InitialMake(tmpMakeArr){
    var strVehType = "<table width=100% border=0 cellspacing=1 cellpadding=1>"
    for (var i = 0; i < tmpMakeArr.length; i++){
        var tempArray = tmpMakeArr[i].split("^^^")
        MakeArray[i] = new Array(3);
        MakeArray[i][0] = tempArray[0];
        MakeArray[i][1] = tempArray[1];
        MakeArray[i][2] = 0;
	    strVehType = strVehType.concat("<tr>")
	    strVehType = strVehType.concat("<td width='20' nowrap>")
	    strVehType = strVehType.concat("<a href='javaScript:ManageMake(")
	    strVehType = strVehType.concat(i);
	    strVehType = strVehType.concat(")'> ");
	    strVehType = strVehType.concat("<img id='imgMake_");
	    strVehType = strVehType.concat(i,"'");
	    strVehType = strVehType.concat(" src='/yui_2.5.2/yui/treeview/assets/img/check/check0.gif' border=0 /></a></td>");
	    strVehType = strVehType.concat("<td valign='middle' align=left class='style2'>");
	    strVehType = strVehType.concat(MakeArray[i][0]," - ",MakeArray[i][1]);
	    strVehType = strVehType.concat("</td></tr>");
    }
     strVehType = strVehType.concat("</table>")
     document.getElementById('MakeDiv').innerHTML = strVehType;
    //alert(strVehType)
    flagFinishedProcessing++;
}

function InitialModel(tmpModelArr){
    ModelArray = new Array();
    var mdTbl = document.getElementById('ModelTable') ;
    if (tblBodyExists == 1){
      var tblBody = document.getElementById("MakeTbody");
      mdTbl.removeChild(tblBody);
    }
    var tblBody = document.createElement("tbody");
    tblBody.setAttribute('id', 'MakeTbody' )
    for (var i = 0; i < tmpModelArr.length; i++){
        var tempArray = tmpModelArr[i].split("^^^")
        ModelArray[i] = new Array(3);
        ModelArray[i][0] = tempArray[0];
        ModelArray[i][1] = tempArray[1];
        ModelArray[i][2] = 0;
        var row = document.createElement("tr");
        var cell1 = document.createElement("td");
        var cell2 = document.createElement("td");
        cell2.setAttribute('align', 'left');
        cell1.setAttribute('width', '20');
        
        var link1 = document.createElement('a');
        var image1 = document.createElement('img');
        link1.setAttribute('href','javaScript:ManageModel(' + i + ')');
        image1.setAttribute('src','/yui_2.5.2/yui/treeview/assets/img/check/check0.gif');
        image1.setAttribute('id', 'imgModel_'+ i )
        image1.setAttribute('border',0);
        link1.appendChild(image1);
        cell1.appendChild(link1);
        var cellText2 = document.createTextNode(ModelArray[i][0] + " - " + ModelArray[i][1])
        cell2.appendChild(cellText2);
        row.appendChild(cell1);
        row.appendChild(cell2);
        tblBody.appendChild(row);
    }
    flagFinishedProcessing++;
    mdTbl.appendChild(tblBody);
    if (tblBodyExists == 0){
         document.getElementById("ModelLoadingDiv").style.visibility = "hidden";
    }
    tblBodyExists = 1
}

function InitialYearTree(tmpArray){

    var strYear = "<table width=120 border=0 cellspacing=1 cellpadding=1>"
    
    for (var i = 0; i < tmpArray.length; i++){
        ArrYear[i] = new Array(3);
        var SubArray = tmpArray[i].split("-");
	    ArrYear[i][0] = SubArray[0].replace(/^\s+|\s+$/g, '');
	    ArrYear[i][1] = 0
	    ArrYear[i][2] = SubArray[1].replace('(','').replace(')','');
	    strYear = strYear.concat("<tr>");
	    strYear = strYear.concat("<td nowrap>");
	    strYear = strYear.concat("<a href='javaScript:ManageYear(");
	    strYear = strYear.concat(i);
	    strYear = strYear.concat(")'> ");
	    strYear = strYear.concat("<img border=0 id='imgVehYear_");
	    strYear = strYear.concat(i,"'");
	    strYear = strYear.concat(" src='/yui_2.5.2/yui/treeview/assets/img/check/check0.gif' border=0 /></a></td>");
	    strYear = strYear.concat("<td valign='middle' align=left class='style2'> <div id='imgVehYearTxt_");
	    strYear = strYear.concat(i);
	    strYear = strYear.concat("' >");
	    
	    strYear = strYear.concat(tmpArray[i]);
	    strYear = strYear.concat("</div></td></tr>");
    }
    strYear = strYear.concat("</table>");
    
    document.getElementById('YearDiv').innerHTML = strYear;
    flagFinishedProcessing++;
}

function UpdateYearTree(tmpArray){
    for (var i = 0; i < ArrYear.length; i++){
        var yearExistsFlag = false;    
        var YearTxt = ""
        for (var j = 0; j < tmpArray.length; j++){
            var SubArray = tmpArray[j].split("-");
            SubArray[0] = SubArray[0].replace(/^\s+|\s+$/g, '');
            if (SubArray[0] == ArrYear[i][0]){
                yearExistsFlag = true;
                YearTxt = tmpArray[j];
                break;
            }
        }
        if (yearExistsFlag){
            document.getElementById("imgVehYearTxt_" + i).innerHTML = YearTxt;
        }
        else{
            document.getElementById("imgVehYearTxt_" + i).innerHTML = ArrYear[i][0] + " - (0)" ;
        }
    }
}

function ManageMake(tmp){
    //alert(VehTypeArray[tmp][2])
    if (MakeArray[tmp][2] == 0){
        MakeArray[tmp][2] = 1;
        document.getElementById("imgMake_" + tmp).src = "/yui_2.5.2/yui/treeview/assets/img/check/check2.gif";
    }
    else {
        MakeArray[tmp][2] = 0
        document.getElementById("imgMake_" + tmp).src = "/yui_2.5.2/yui/treeview/assets/img/check/check0.gif";
    }
    document.getElementById('hidn_CheckedModels').value = '';
    document.getElementById('hidn_CheckedYears').value = '';
	MakeFilteredData();
}

function ManageModel(tmp){
    //alert(tmp)
    if (ModelArray[tmp][2] == 0){
        ModelArray[tmp][2] = 1;
        document.getElementById("imgModel_" + tmp).src = "/yui_2.5.2/yui/treeview/assets/img/check/check2.gif";
    }
    else {
        ModelArray[tmp][2] = 0
        document.getElementById("imgModel_" + tmp).src = "/yui_2.5.2/yui/treeview/assets/img/check/check0.gif";
    }
    document.getElementById('hidn_CheckedYears').value = '';
	ModelFilteredData();
}

function ManageYear(tmp){
    if (ArrYear[tmp][1] == 0){
        ArrYear[tmp][1] = 1;
        document.getElementById("imgVehYear_" + tmp).src = "/yui_2.5.2/yui/treeview/assets/img/check/check2.gif";
    }
    else {
        ArrYear[tmp][1] = 0;
        document.getElementById("imgVehYear_" + tmp).src = "/yui_2.5.2/yui/treeview/assets/img/check/check0.gif";
    }
	getYearFilteredData();
}


function getCheckedValues(modeFlag){
    var tmpstr = "";
    var NumofChecked = 0;    
    if (modeFlag == "Make"){
        //get the Cheked values of Vehicle Type If any
        selectedMakeVehiclesCount = 0;        
	    for(var i=0; i < MakeArray.length; i=i+1){
	        if (MakeArray[i][2] == 1){
	                tmpstr = tmpstr + MakeArray[i][0] + "~";
	                selectedMakeVehiclesCount += Number(MakeArray[i][1].replace('(','').replace(')',''));
	                NumofChecked++ ;
	        }
        }
    }
    else if (modeFlag == "Model") {
        selectedModelVehiclesCount = 0;
    	for(var i=0; i < ModelArray.length; i=i+1){
	        if (ModelArray[i][2] == 1){
	                tmpstr = tmpstr + ModelArray[i][0] + "~";
	                selectedModelVehiclesCount += Number(ModelArray[i][1].replace('(','').replace(')',''));
	                NumofChecked++ ;
	        }
        }
    }
    else if (modeFlag == "year"){
     //get cheked Year Value
        selectedYearVehiclesCount = 0;
	    for(var i=0; i < ArrYear.length; i=i+1){
	        if (ArrYear[i][1] == 1){
	            tmpstr = tmpstr + ArrYear[i][0] + "~";
	            selectedYearVehiclesCount += Number(ArrYear[i][2]);
	            NumofChecked++ ;
	        }
        }      
    }
//    if (NumofChecked  == 1){
//        tmpstr = tmpstr.substring(0,tmpstr.length-1);
//    }        
    if (modeFlag == "Model"){
        GblCheckedModels = tmpstr ;
        //alert(GblCheckedVehType);
        document.getElementById('hidn_CheckedModels').value = GblCheckedModels;
    }
    else if (modeFlag == "year"){
        GblCheckedYears = tmpstr ;
        document.getElementById('hidn_CheckedYears').value = GblCheckedYears;
    }
    else if (modeFlag == "Make"){
        GblCheckedMake = tmpstr ;
        document.getElementById('hidn_CheckedMakes').value = GblCheckedMake;
    }
    
    
    return tmpstr;
}

function changeYearLable(){
	//alert(slider.minVal);
	yearNodes = yearTree.getRoot().children;
	for(var i=0, l=yearNodes.length; i<l; i=i+1) {
		var n = yearNodes[i];
		//alert(yearNodes[i].label)	
		yearNodes[i].setUpLabel("1000")
	}
}



function getCheckedMakeModelString(){
        CheckedMakeArray = new Array();
        var checkedNodes = getCheckedMakeModelArray();
        var checkedMakes = ""
        for(var i=0, l=CheckedMakeArray.length; i<l; i=i+1) {
            if ( i+1 < l) {
                checkedMakes = checkedMakes.concat(CheckedMakeArray[i],"@");
            }
            else {
                checkedMakes = checkedMakes.concat(CheckedMakeArray[i]);
            }
        }
        //alert(checkedMakes);
        //alert (CheckedMakeArray.length)
        //alert(checkedNodes.length);
        var CheckedModels = "";
		for(var i=0, l=checkedNodes.length; i<l; i=i+1) {
            var Arraymake =	checkedNodes[i].split("(");    
		    //Arraymake[0] = Arraymake[0].replace(/^\s+|\s+$/g, '') ;
		    //alert(checkedNodes[i])
		    if ( i+1 < l)
		        CheckedModels = CheckedModels.concat(Arraymake[0],"@");
		    else
		        CheckedModels = CheckedModels.concat(Arraymake[0]);
		    
		}
		GblCheckedModels = CheckedModels ;
		GblCheckedMake = checkedMakes;
		//alert(GblCheckedMake);
		document.getElementById('hidn_CheckedModels').value = CheckedModels;
		document.getElementById('hidn_CheckedMakes').value = checkedMakes;
        return CheckedModels;
}

function getCheckedMakeModelArray(nodes){
        nodes = nodes || tree.getRoot().children;
        checkedNodes = [];
        //alert(nodes.length)	
        for(var i=0, l=nodes.length; i<l; i=i+1) {
            var n = nodes[i];
            //if (n.checkState > 0) { // if we were interested in the nodes that have some but not all children checked
            if (n.checkState === 2) {
            	//n.hasChildren(true);
            	
            	if (n.hasChildren(true)) {
            	    var Arraymake =	n.label.split("(");  
            	    CheckedMakeArray.push(Arraymake[0])
                }
                else {
                    checkedNodes.push(n.label); // just using label for simplicity
                    var Arraymake =	n.parent.label.split("(");
                    var makeExistsFlag = 0;
                    for(var j=0; j<CheckedMakeArray.length; j++) {
                        if (CheckedMakeArray[j] == Arraymake[0] ) {
                            makeExistsFlag = 1;
                            break;
                        }
                    }
                    if (makeExistsFlag == 0) {
                        //alert(Arraymake[0]);
                        CheckedMakeArray.push(Arraymake[0]);
                    }
                    
                }
            }
            if (n.hasChildren()) {
		        checkedNodes = checkedNodes.concat(getCheckedMakeModelArray(n.children));
            }
        }
        //alert("getCheckedMakeModelArray")
        return checkedNodes;
}


function InitialMakeModelTree(ArrMkModel){
    
    tree = new YAHOO.widget.TreeView("treeDiv1");
    tree.setExpandAnim(YAHOO.widget.TVAnim.FADE_IN);
    tree.setCollapseAnim(YAHOO.widget.TVAnim.FADE_OUT);
    var strPrevMake = ""
    var strMake = ""
    var strModel = ""
    var tmpNode
    var makeArray = new Array(); 
    var distinctMakes = 0; 
    var MakeCount = 0;
    //alert();
    for (var i = 0; i < ArrMkModel.length; i++){ 
        var SubArray = ArrMkModel[i].split("^^^");
        strMake = SubArray[0].replace(/^\s+|\s+$/g, '') ;
        if (strPrevMake.toLowerCase() == strMake.toLowerCase()){
            if (i+1 != ArrMkModel.length){
                makeCount += parseInt(SubArray[2]); 
            } 
            else { 
		        makeCount += parseInt(SubArray[2]);
                makeArray[distinctMakes-1][1] = makeCount; 
            }
        }
        else {
            strPrevMake = strMake;
            makeArray[distinctMakes] = new Array(2);
            makeArray[distinctMakes][0] = strPrevMake;
            if (i+1 == ArrMkModel.length){
                if (ArrMkModel.length != 1) {
                    makeArray[distinctMakes-1][1] = makeCount;
                    makeArray[distinctMakes][1] = 1;
                }
                else {
                    makeArray[0][1] = 1; 
                }
            }
            else if (distinctMakes == 1){
                makeArray[0][1] = makeCount; 
            } 
            else if (distinctMakes != 0){
                makeArray[distinctMakes-1][1] = makeCount; 
            }
            makeCount = parseInt(SubArray[2]); 
            distinctMakes ++; 
        }

    }


    //alert( ArrMkModel.length)
    strPrevMake = ""
    for (var i = 0; i < ArrMkModel.length; i++){
    	SubArray = ArrMkModel[i].split("^^^");
    	strMake = SubArray[0].replace(/^\s+|\s+$/g, '') ;
    	strModel = SubArray[1].replace(/^\s+|\s+$/g, '') ;
    	strCount = SubArray[2].replace(/^\s+|\s+$/g, '') ;
    	if (strPrevMake.toLowerCase() != strMake.toLowerCase()){
            MakeCount = 0
            for (var j = 0; j < makeArray.length; j++){
                if (makeArray[j][0] == strMake ){ 
                    MakeCount = makeArray[j][1]; 
                    break; 
                } 
            }     	
    		strPrevMake = strMake;
    		//alert(SubArray[0]);	
    		tmpNode = new YAHOO.widget.TaskNode(strPrevMake + " (" + MakeCount + ")", tree.getRoot(), false);
    		var tmpLeaf = new YAHOO.widget.TaskNode(strModel + " (" + strCount + ")", tmpNode, false);
    	}
		else {
			var tmpLeaf = new YAHOO.widget.TaskNode(strModel + " (" + strCount + ")", tmpNode, false);
		}
    }
	tree.draw();
	flagFinishedProcessing++;
}



function getYposition(oElement){
	var iReturnValue = 0;
	while( oElement != null ) {
	iReturnValue += oElement.offsetTop;
	oElement = oElement.offsetParent;
	}
	if (navigator.appName.toLowerCase().indexOf("internet") > 0 ){
	    iReturnValue -=10
	}    	
	else{
	    //iReturnValue -=2
	}
	
	return iReturnValue;
}

function getXposition(oElement){
	var iReturnValue = 0;
	while( oElement != null ) {
	    iReturnValue += oElement.offsetLeft;
	    oElement = oElement.offsetParent;
	}
	if (navigator.appName.toLowerCase().indexOf("internet") > 0 ){
	    iReturnValue -= 1
	}
	else{
	    iReturnValue -= 0
	}
	return iReturnValue;
}

//function to position DivTage
function PositionDivTags(tmpMode){
    if (tmpMode == "year"){
        document.getElementById("YearLoadingDiv").style.left = YearPosX + 25 + "px";
        document.getElementById("YearLoadingDiv").style.top = YearPosY + 40 + "px";
    }

}
//function make all loading images visible and invisible
function MakeAllLoadingVisible(tmpDiv,visibilityFlag){
    //alert("I am here")
    var visibility;
    if (visibilityFlag == 0){
        visibility = "hidden";
    }
    else{
        visibility = "visible";
    }   
    //alert(visibility)
    document.getElementById(tmpDiv).style.visibility = visibility;
}

function ChangeOpacity(tmpDiv,OpacityFlag){
    if (OpacityFlag == 1){
     document.getElementById(tmpDiv).style.opacity = 0.5;
     document.getElementById(tmpDiv).style.filter =  'alpha(opacity=50)';
    }
    else{
     document.getElementById(tmpDiv).style.opacity = 1;
     document.getElementById(tmpDiv).style.filter =  'alpha(opacity=100)' ;
    }
}

function ChangeVehCount(tmpStr){
        document.getElementById("VehicleCountDiv").innerHTML = "There are " + tmpStr + " vehicles that meet your selection";
        vehCount = tmpStr;
        //alert(tmpStr);
        document.getElementById("hidn_NumOfVehicles").value =  vehCount;
}

//function updatePriceAndVehCount(tmpStr){
//    var subArray = tmpStr.split("^^^");
//    if (subArray.length == 3){
//        MaxPrice = parseInt(subArray[0]);
//        //alert(MaxPrice)
//        MinPrice = parseInt(subArray[1]);
//        document.getElementById("VehicleCountDiv").innerHTML = "There are " + subArray[2] + " vehicles that meet your selection";
//        vehCount = subArray[2];
//    }
//    SliderMaxPrice = MaxPrice ;
//    SliderMinPrice = MinPrice ;
//    //alert(SliderMinPrice + "$" +  SliderMaxPrice)
//    document.getElementById("hidn_SliderMinPrice").value = SliderMinPrice;    
//    document.getElementById("hidn_SliderMaxPrice").value =  SliderMaxPrice;
//    document.getElementById("hidn_NumOfVehicles").value =  vehCount;
//    
//    document.getElementById("SliderTop").innerHTML = "$" + SliderMaxPrice;
//    document.getElementById("SliderBottom").innerHTML = "$" + SliderMinPrice;    
//    slider.setValues(0,200);
//    //alert("llw")
// 	//document.getElementById("SliderTop").style.top = IntialMaxSlidePos + "px" ;
//	//document.getElementById("SliderBottom").style.top = IntialMinSlidePos  + "px" ;   
//    sliderCallFlag = 1;
//}


//function InitialPriceAndVehCount(tmpStr){
//    var subArray = tmpStr.split("^^^");
//    if (subArray.length == 3){
//        MaxPrice = parseInt(subArray[0]);
//        //alert(MaxPrice)
//        MinPrice = parseInt(subArray[1]);
//        document.getElementById("VehicleCountDiv").innerHTML = "There are " + subArray[2] + " vehicles that meet your selection";
//        vehCount = subArray[2];
//    }
//    demo_bgPosLeft = getXposition(document.getElementById("demo_bg"))
//    demo_bgPosTop = getYposition(document.getElementById("demo_bg"))
//    //document.getElementById("SliderTop").style.left = getXposition(document.getElementById("demo_max_thumb")) + 30 + "px" ;
//	//document.getElementById("SliderBottom").style.left = getXposition(document.getElementById("demo_max_thumb")) + 30 + "px" ;
//    
//    
//    document.getElementById("hidn_SliderMinPrice").value = MinPrice;    
//    document.getElementById("hidn_SliderMaxPrice").value =  MaxPrice;
//    document.getElementById("hidn_NumOfVehicles").value =  vehCount;
//    	
//    IntialMaxSlidePos = getYposition(document.getElementById("demo_min_thumb"));
//    //alert(IntialMaxSlidePos)
//    IntialMinSlidePos = getYposition(document.getElementById("demo_min_thumb"));
//    InitialSlider();
////		<div id="DivPriceSliderMax"> </div>
////		<div id="DivPriceSliderMin" ></div>   
//    //flagFinishedProcessing++; 
//}

function getPositionsForDivElements(){

//     VehTypePosX = getXposition(document.getElementById("VehTypeDiv"));
//     VenTypePosY = getYposition(document.getElementById("VehTypeDiv"));
//     MakeModelX = getXposition(document.getElementById("treeDiv1"));
//     MakeModelY = getYposition(document.getElementById("treeDiv1")); 
//     YearPosX = getXposition(document.getElementById("YearDiv"));
//     YearPosY = getYposition(document.getElementById("YearDiv"));

}


function newLayer(flagStatus){
     if (flagStatus == 1) {
         document.getElementById("YearDiv1").style.width =  (document.body.scrollWidth - 60) + "px";   
         document.getElementById("YearDiv1").style.height = Math.max(document.body.clientHeight,document.body.scrollHeight)+ "px"; 
         document.getElementById("YearDiv1").style.visibility = "visible";
         document.getElementById("YearDiv1").style.position = "absolute";
         document.getElementById("YearDiv1").style.left = 40 ;
         document.getElementById("YearDiv1").style.top =  40 ; 
         document.getElementById("YearDiv1").style.filter = 'alpha(opacity=50)'
         document.getElementById("YearDiv1").style.opacity = (0.5);
         
    }
    else {
        //alert(HVCount)
        if (HVCount <= 1){
            document.getElementById("YearDiv1").style.visibility = "hidden";
            HVCount = 0;
        }
        else {
            HVCount --;
        }
    }         

        
//         if (k==1){
//                 k=0;
//        }
//        else{
//                document.getElementById("YearDiv1").style.visibility = "hidden"
//                k=1;
//        }
} 



 

    
function InventorydetailsLayerOn(invId){
    document.getElementById('inventoryid').value = invId;
    document.forms[0].submit();
    
    //alert(invId);
    //make the mail Inv detail div tag visible
    //document.getElementById("DivinvDetailMain").style.visibility = "visible";
//    grayOut(true);
//    document.getElementById("DivinvDetailMain").style.display = "block";
//    document.getElementById('DivinvDetailMain').style.left =   20 + "px";
//    document.getElementById('DivinvDetailMain').style.top =    getScrollPos() + 50 +   "px";        
//    
//    AutosCT.ManageSearch.getSelectedInvDetails(invId,OnComplete,OnError,OnTimeOut); 
//    AutosCT.ViewInvDetails.getInvAccessories(invId,OnComplete,OnError,OnTimeOut); 
//    AutosCT.ViewInvDetails.getadditionalPics(invId,OnComplete,OnError,OnTimeOut); 
           
}

function ViewinventoryDetails(arg){
    if(arg){
        //alert(arg.MainImgSrc);
        document.getElementById("LB_GeneralCarInfo").innerHTML = arg.Year + " " + arg.Make + " " + arg.Model + " " + arg.Trim + arg.SalePriceTxt  
        var tmpSecondaryCarInfo = "";
        if (arg.EngineSize.length > 0){
            tmpSecondaryCarInfo = arg.EngineSize.replace(" Liter","L");
        }
        if (arg.CylindersDesc.length > 0){
            tmpSecondaryCarInfo += " " + arg.CylindersDesc ;
        } else if (arg.CylindersDesc.length > 0){
            tmpSecondaryCarInfo += " " + arg.Cylinders + " Cyl.";
        }
        if (arg.Transmission.length > 0){
            if (tmpSecondaryCarInfo.length > 0) {
                tmpSecondaryCarInfo += "<br>";
            }
            tmpSecondaryCarInfo += " " + arg.Transmission + " Transmission";
        }
        document.getElementById("LB_SecondaryCarInfo").innerHTML = tmpSecondaryCarInfo;
        document.getElementById("IMG_mainimage").src = arg.MainImgSrc;
        document.getElementById("IMG_mainimage").width = arg.MainImgwidth;
        document.getElementById("IMG_mainimage").height = arg.MainImgHeight;
        document.getElementById("LB_PrimaryImg_Desc").innerHTML = arg.TagLine;
        //ImgTableDes
        if (arg.StockNo.length > 0){
            document.getElementById("DivStockNum").innerHTML = arg.StockNo;
            document.getElementById("DivStockNumLbl").innerHTML = "Stock #";
        }
        if (arg.BodyType.length > 0){
            document.getElementById("DivBodyType").innerHTML = arg.BodyType;
            document.getElementById("DivBodyTypeLbl").innerHTML = "Body Type";
        }
        if (arg.Transmission.length > 0){
            document.getElementById("DivTransmission").innerHTML = arg.Transmission;
            document.getElementById("DivTransmissionLbl").innerHTML = "Transmission";
        }        
        
        if (arg.ExteriorColorFactory.length > 0){
            document.getElementById("DivExteriorColorFactory").innerHTML = arg.ExteriorColorFactory;
            document.getElementById("DivExteriorColorFactoryLbl").innerHTML = "Exterior Color";
        }        
        if (arg.InteriorColor.length > 0){
            document.getElementById("DivExteriorColorFactory").innerHTML = arg.InteriorColor;
            document.getElementById("InteriorMaterial").innerHTML = "Interior Color";
        }            
        document.getElementById("Vin").innerHTML = arg.Vin;
        
        
    }
    
}

//function HideLayer(layerID){
//    if ( layerID == "DIV_Af_Content"){
//        ChangeOpacity("InvV2",1)
//        ChangeOpacity("DIV_Af_Content",1)
//        document.getElementById('MDLinner').style.position = "absolute";    
//        document.getElementById("MDLinner").style.visibility = "visible";
//        document.getElementById("MDLinner").style.top = getYposition(document.getElementById("DIV_Af_Content")) + 50 + "px";
//        IntialMaxSlidePos = getYposition(document.getElementById("demo_min_thumb")) - 200;
//        IntialMinSlidePos = getYposition(document.getElementById("demo_min_thumb")) - 200;        
//        document.getElementById("SliderTop").style.left = getXposition(document.getElementById("demo_max_thumb")) - 100  + "px" ;
//        document.getElementById("SliderBottom").style.left = getXposition(document.getElementById("demo_max_thumb")) - 100 + "px" ;
//        document.getElementById("SliderTop").style.top = getYposition(document.getElementById("demo_min_thumb")) - 200 + "px" ;
//	    document.getElementById("SliderBottom").style.top= getYposition(document.getElementById("demo_max_thumb")) - 200 + "px" ;	    
//        document.getElementById("SliderTop").innerHTML = SliderMaxPrice;
//        document.getElementById("SliderBottom").innerHTML = SliderMinPrice;       
//    }
//    else{
//        if (layerID == "DivinvDetailMain"){
//            document.getElementById(layerID).style.display = "none";
//             grayOut(false);
//        }
//        else {
//            document.getElementById(layerID).style.visibility = "hidden";
//        }    
//        
//        //document.getElementById('htmTable_MainImgLayer').style.display = "none"
//        //document.getElementById('htmImgColA').style.visibility = "hidden"

//    }
//}

function DisplayInventoryOptions(arg){
    document.getElementById("GeneralVehicleDetails_Equipment").innerHTML = arg.VehEquipments; 
    document.getElementById("DL_Options_Accessories").innerHTML = MakeTableForEquipments('tbl_Accessories',arg.ArryOptionalEqu);
    document.getElementById("DL_Options_Exterior").innerHTML = MakeTableForEquipments('tbl_Exterior',arg.ArryExteriorEqu);
    document.getElementById("DL_Options_Interior").innerHTML = MakeTableForEquipments('tbl_Interior',arg.ArryInteriorEqu);
    document.getElementById("DL_Options_Mechanical").innerHTML = MakeTableForEquipments('tbl_Mechanical',arg.ArryMechanicalEqu);
    document.getElementById("DL_Options_Saftey").innerHTML = MakeTableForEquipments('tbl_Saftey',arg.ArrySafteyEqu);
}

function getScrollPos() {
    var ScrollTop = document.body.scrollTop;
    if (ScrollTop == 0)
    {
        if (window.pageYOffset)
            ScrollTop = window.pageYOffset;
        else
            ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
    }
   return ScrollTop;   
}