var navUniqueID       = "32190";
    var serverRelativeUrl = "";
    var path = '/';

    function initialLoading() {
      
      preloadActiveImages();
      setDynLayer();
      setPulldown1Entries(dataTableColContent[0]);
      setPulldown2Entries(100);
      setPulldown3Entries(100);
      setTableHead1Data(dataTableColContent[0]);
    };

    var htmlCode;
    var tableHead1DynLayer, tableHead2DynLayer, tableHead3DynLayer, image1DynLayer, image2DynLayer, image3DynLayer;

     function setDynLayer(){
       tableHead1DynLayer          = DynLayer.getInline("tableHeadData1Layer");
       tableHead2DynLayer          = DynLayer.getInline("tableHeadData2Layer");
       tableHead3DynLayer          = DynLayer.getInline("tableHeadData3Layer");
       image1DynLayer              = DynLayer.getInline("image1Layer");
       image2DynLayer              = DynLayer.getInline("image2Layer");
       image3DynLayer              = DynLayer.getInline("image3Layer");
       
       pulldownObj    = new Array();
       pulldownObj[1] = new Array();
       pulldownObj[1]["bgDynLayer"] = DynLayer.getInline("pulldownBg1Layer");
      
       pulldownObj[2] = new Array();
       pulldownObj[2]["bgDynLayer"] = DynLayer.getInline("pulldownBg2Layer");
      
       pulldownObj[3] = new Array();
       pulldownObj[3]["bgDynLayer"] = DynLayer.getInline("pulldownBg3Layer");
    }

    contentParentAttributes = new Array();
    
    // CONTENT_SCROLLER
    contentParentAttributes[0] = new Array();
    contentParentAttributes[0]["left"]              = 186;
    contentParentAttributes[0]["top"]               = 335;
    contentParentAttributes[0]["width"]             = 706;
    contentParentAttributes[0]["height"]            = 180;
    contentParentAttributes[0]["fg-color"]          = "000000";
    contentParentAttributes[0]["bg-color"]          = "d3d3d3";
    contentParentAttributes[0]["z-index"]           = 5;
    contentParentAttributes[0]["visibility"]        = true;
    
    
    // PULLDOWN_1_SCROLLER
    contentParentAttributes[1] = new Array();
    contentParentAttributes[1]["left"]              = 445;
    contentParentAttributes[1]["top"]               = 335;
    contentParentAttributes[1]["width"]             = 137;
    contentParentAttributes[1]["height"]            = 117;
    contentParentAttributes[1]["fg-color"]          = "000000";
    contentParentAttributes[1]["bg-color"]          = "e6e6e6";
    contentParentAttributes[1]["z-index"]           = 22;
    contentParentAttributes[1]["visibility"]        = false;
    
    
    // PULLDOWN_2_SCROLLER
    contentParentAttributes[2] = new Array();
    contentParentAttributes[2]["left"]              = 604;
    contentParentAttributes[2]["top"]               = 335;
    contentParentAttributes[2]["width"]             = 138;
    contentParentAttributes[2]["height"]            = 117;
    contentParentAttributes[2]["fg-color"]          = "000000";
    contentParentAttributes[2]["bg-color"]          = "e6e6e6";
    contentParentAttributes[2]["z-index"]           = 22;
    contentParentAttributes[2]["visibility"]        = false;
    
    
    // PULLDOWN_3_SCROLLER
    contentParentAttributes[3] = new Array();
    contentParentAttributes[3]["left"]              = 764;
    contentParentAttributes[3]["top"]               = 335;
    contentParentAttributes[3]["width"]             = 128;
    contentParentAttributes[3]["height"]            = 117;
    contentParentAttributes[3]["fg-color"]          = "000000";
    contentParentAttributes[3]["bg-color"]          = "e6e6e6";
    contentParentAttributes[3]["z-index"]           = 22;
    contentParentAttributes[3]["visibility"]        = false;

    
    
    
    
    
    
    function changeTableColor(color,elementID) {
      if(document.all){
        document.all[elementID].style.backgroundColor = color;
      }else if(document.documentElement){
        document.getElementById(elementID).style.backgroundColor = color;
      }
    }


  

  var currentPullDown = -1;

  function togglePulldown(pulldown){
    pulldown++;
    for(i=1; i<4; i++){
      setScrollerVisibility(i,false);
      pulldownObj[i]["bgDynLayer"].setVisible(false);
    }
    if(currentPullDown != pulldown){
      setScrollerVisibility(pulldown,true);
      pulldownObj[pulldown]["bgDynLayer"].setVisible(true);
      currentPullDown = pulldown;
    } else {
      currentPullDown = -1;
    }
  }

  var pulldownLayer1HTML;
  var pulldownLayer2HTML;
  var pulldownLayer3HTML;

    function setPulldown1Entries(selectedModel) {
          
          pulldownLayer1HTML = new StringBuffer();
          pulldownLayer1HTML.add('<table width="137" border="0" cellspacing="0" cellpadding="0">');
           
      for (i=0; i < mcPulldownData.length; i++){
           pulldownLayer1HTML.add('<tr id="pulldown1Tr' + i + '" class="cursorHand" onmouseover="changeTableColor(\'#cccccc\',this.id);" onmouseout="changeTableColor(\'\',this.id);" onClick="setModel(\'' + i + '\',0);">');
           pulldownLayer1HTML.add('<td width="1"><img src="' + path +'images/spacer.gif" width="1" height="18" /></td>');

         if (i==selectedModel){
           pulldownLayer1HTML.add('<td width="135" style="padding-left:9px"><span class="font11line13"><span class="color000000">' + mcPulldownData[i]['title'] + '</span></span></td>');
         }else{
           pulldownLayer1HTML.add('<td width="135" style="padding-left:9px"><span class="font11line13"><span class="color666666">' + mcPulldownData[i]['title'] + '</span></span></td>');
         }

           pulldownLayer1HTML.add('<td width="1"><img src="' + path +'images/spacer.gif" width="1" height="18" /></td>');
           pulldownLayer1HTML.add('</tr>');
      }
           pulldownLayer1HTML.add('</table>');

      setScrollerHTML(1,pulldownLayer1HTML);
    }

    function setPulldown2Entries(selectedModel) {
	         pulldownLayer2HTML = new StringBuffer();
           pulldownLayer2HTML.add('<table width="138" border="0" cellspacing="0" cellpadding="0">');
           
      for (i=0; i<mcPulldownData.length; i++){
           pulldownLayer2HTML.add('<tr id="pulldown2Tr' + i + '" class="cursorHand" onmouseover="changeTableColor(\'#cccccc\',this.id);" onmouseout="changeTableColor(\'\',this.id);" onClick="setModel(\'' + i + '\',1);">');
           pulldownLayer2HTML.add('<td width="1"><img src="' + path +'images/spacer.gif" width="1" height="18" /></td>');

         if (i==selectedModel){
           pulldownLayer2HTML.add('<td width="136" style="padding-left:9px"><span class="font11line13"><span class="color000000">' + mcPulldownData[i]['title'] + '</span></span></td>');
         }else{
           pulldownLayer2HTML.add('<td width="136" style="padding-left:9px"><span class="font11line13"><span class="color666666">' + mcPulldownData[i]['title'] + '</span></span></td>');
         }

           pulldownLayer2HTML.add('<td width="1"><img src="' + path +'images/spacer.gif" width="1" height="18" /></td>');
           pulldownLayer2HTML.add('</tr>');
      }

           pulldownLayer2HTML.add('</table>');

      setScrollerHTML(2,pulldownLayer2HTML);
    }

    function setPulldown3Entries(selectedModel) {
           pulldownLayer3HTML = new StringBuffer();
           pulldownLayer3HTML.add('<table width="128" border="0" cellspacing="0" cellpadding="0">');
           
      for (i=0; i<mcPulldownData.length; i++){
           pulldownLayer3HTML.add('<tr id="pulldown3Tr' + i + '" class="cursorHand" onmouseover="changeTableColor(\'#cccccc\',this.id);" onmouseout="changeTableColor(\'\',this.id);" onClick="setModel(\'' + i + '\',2);">');
           pulldownLayer3HTML.add('<td width="1"><img src="' + path +'images/spacer.gif" width="1" height="18" /></td>');

         if (i==selectedModel){
           pulldownLayer3HTML.add('<td width="126" style="padding-left:9px"><span class="font11line13"><span class="color000000">' + mcPulldownData[i]['title'] + '</span></span></td>');
         }else{
           pulldownLayer3HTML.add('<td width="126" style="padding-left:9px"><span class="font11line13"><span class="color666666">' + mcPulldownData[i]['title'] + '</span></span></td>');
         }

           pulldownLayer3HTML.add('<td width="1"><img src="' + path +'images/spacer.gif" width="1" height="1" /></td>');
           pulldownLayer3HTML.add('</tr>');
      }

           pulldownLayer3HTML.add('</table>');

      setScrollerHTML(3,pulldownLayer3HTML);
    }

  var dataTableColContent = new Array ();
  dataTableColContent[0] = '100';
  dataTableColContent[1] = '100';
  dataTableColContent[2] = '100';

  function setDefaultModel() {
    //for (var i=0; i<carData['id'].length; i++){
      //if (carData['id'][i] == defaultModel) {
        dataTableColContent[0] = mcPulldownData[defaultModel]['dataIndex'];
        var defaultModelIndex = mcPulldownData[defaultModel]['dataIndex'];
      //}
    //}
   return defaultModelIndex;
  }


    function writeDatasheetDataTable(model, colID){
 		       htmlCode=new StringBuffer();
           htmlCode.add('<table border="0" cellspacing="0" cellpadding="0">');
      for(var i = 0; i <carData.length; i++){
            htmlCode.add('<tr id="dataTableTr'+i+'" onmouseover="changeTableColor(\'#ece9e9\',this.id)" onMouseout="changeTableColor(\'\',this.id)">');
            htmlCode.add('<td></td>');
            htmlCode.add('<td valign="top"><img src="' + path +'images/spacer.gif" width="1" height="3" /><br /><span class="font11line13"><span class="color333333">'+carData[i]['key']+'</span></span><br /><img src="' + path +'images/spacer.gif" width="1" height="3" /></td>');
        for (var c=0; c<3; c++) {
          if (c==colID) {
            dataTableColContent[c] = model;
          }
            htmlCode.add('<td valign="top"><img src="' + path +'images/spacer.gif" width="1" height="1" /></td>');
          if (dataTableColContent[c] == 100) {
            htmlCode.add('<td valign="top"><img src="' + path +'images/spacer.gif" width="1" height="1" /></td>');
          } else {
            htmlCode.add('<td valign="top" valign="top"><img src="' + path +'images/spacer.gif" width="1" height="3" /><br /><span class="font11line13"><span class="color333333">' + carData[i][dataTableColContent[c]] + '</span></span><br /><img src="' + path +'images/spacer.gif" width="1" height="1" /></td>');
          }
        }

            htmlCode.add('</tr><tr><td colspan="8"><img src="' + path +'images/common/1x1_bfbfbf.gif" width="709" height="1" /></td></tr>');

      }
            htmlCode.add('<tr>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="10" height="1" /></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="238" height="1" /></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="21" height="1" /></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="138" height="1" /></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="21" height="1" /></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="139" height="1" /></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="21" height="1" /></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="121" height="1" /></td>');
            htmlCode.add('</tr>');
            htmlCode.add('</table>');

            htmlCode.add('<table width="238" border="0" cellspacing="0" cellpadding="0">');
            htmlCode.add('<tr>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="10" height="1" /></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="228" height="1" /></td>');
        for (var n=0; n<modelNotes.length; n++) {
            htmlCode.add('<tr>');
            htmlCode.add('<td></td>');
            htmlCode.add('<td><img src="' + path +'images/spacer.gif" width="1" height="5" /><br/><span class="font11line13"><span class="color333333">' + modelNotes[n]['all'] + '</span></span></td>');
            htmlCode.add('</tr>');
        }
            htmlCode.add('<tr>');
            htmlCode.add('<td colspan="2"><img src="' + path +'images/spacer.gif" width="1" height="20" /></td>');
            htmlCode.add('</tr>');
            htmlCode.add('</table>');

            return htmlCode.toString();
    }


    function setModel(modelID,colID){
      togglePulldown(colID);
     
      setScrollerHTML(0,writeDatasheetDataTable(mcPulldownData[modelID]['dataIndex'],colID));
      if(colID == 0){
          setTableHead1Data(mcPulldownData[modelID]['modelIndex']);
          setPulldown1Entries(modelID);
      }else if(colID == 1){
          setTableHead2Data(mcPulldownData[modelID]['modelIndex']);
          setPulldown2Entries(modelID);
      }else if(colID == 2){
          setTableHead3Data(mcPulldownData[modelID]['modelIndex']);
          setPulldown3Entries(modelID);
      }
    }

    function setTableHead1Data(selectedModel) {
      tableHead1DynLayer.setHTML('<table width="119" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="javascript:togglePulldown(0);" class="cursorHand" onmouseover="changeTableColor(\'#e6e6e6\',\'tableHead1\'); mouseOver(\'pulldownIcon1\');" onmouseout="changeTableColor(\'\',\'tableHead1\'); mouseOut(\'pulldownIcon1\');"><span class="font11line13bold"><span class="color000000">' + mcPulldownData[selectedModel]['pdTitle'] + '</span></span></a></td></tr></table>');
      image1DynLayer.setHTML('<img src="' + path + mcPulldownData[selectedModel]['image'] +'" width="159" height="174" />');
    }

    function setTableHead2Data(selectedModel) {
      tableHead2DynLayer.setHTML('<table width="119" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="javascript:togglePulldown(1);" class="cursorHand" onmouseover="changeTableColor(\'#e6e6e6\',\'tableHead2\'); mouseOver(\'pulldownIcon2\');" onmouseout="changeTableColor(\'\',\'tableHead2\'); mouseOut(\'pulldownIcon2\');"><span class="font11line13bold"><span class="color000000">' + mcPulldownData[selectedModel]['pdTitle'] + '</span></span></a></td></tr></table>');
      image2DynLayer.setHTML('<img src="' + path + mcPulldownData[selectedModel]['image'] +'" width="159" height="174" />');

    }
    function setTableHead3Data(selectedModel) {
      tableHead3DynLayer.setHTML('<table width="119" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="javascript:togglePulldown(2);" class="cursorHand" onmouseover="changeTableColor(\'#e6e6e6\',\'tableHead3\'); mouseOver(\'pulldownIcon3\');" onmouseout="changeTableColor(\'\',\'tableHead3\'); mouseOut(\'pulldownIcon3\');"><span class="font11line13bold"><span class="color000000">' + mcPulldownData[selectedModel]['pdTitle'] + '</span></span></a></td></tr></table>');
      image3DynLayer.setHTML('<img src="' + path + mcPulldownData[selectedModel]['image'] +'" width="159" height="174" />');

    }
    var mcPulldownData = new Array()

      for(var d = 0; d < carData['id'].length; d++) {  
        mcPulldownData[d] = new Array();
        mcPulldownData[d]['pdTitle']    = carData['name'][d];
        mcPulldownData[d]['title']      = carData['name'][d];
        mcPulldownData[d]['modelIndex'] = d;
        mcPulldownData[d]['dataIndex']  = d;
        mcPulldownData[d]['image']      = /*VIPURL*/carData['image'][d];
      }
	  
	  var path = '/';