var _modelFlag = 0;
var _footStepString = "";
function SetModelFlag(value, footStepString)
{
  _modelFlag = value;
  _footStepString = footStepString;
}
function FlipPage(value)
{
  try {
  var uiModelImg = document.getElementById("ctl00_ContentPlaceHolder1_uiModelImage");
  var uiColorImg = document.getElementById("ctl00_ContentPlaceHolder1_uiColorImage");
  var uiOptionImg = document.getElementById("ctl00_ContentPlaceHolder1_uiOptionImage");
  var uiFinishImg = document.getElementById("ctl00_ContentPlaceHolder1_uiFinishImage");
    
  var uiModelSelection = document.getElementById("ctl00_ContentPlaceHolder1_uiModelSelection");
  var uiModelSeriesSelector = document.getElementById("ctl00_uiSBC_uiModelSeriesSelector");
  
  var uiColorSelection = document.getElementById("ctl00_ContentPlaceHolder1_uiColorSelection");
  var uiColorSelector = document.getElementById("ctl00_SidBarContent_uiColorSelector");
  var uiFinishSideBar = document.getElementById("uiFinishSideBar");
  var uiSummaryImageDiv = document.getElementById("uiSummaryImageDiv");
  var uiSummary = document.getElementById("uiSummary");
  var uiOptionSelection = document.getElementById("uiOptionSelection");
  var uiFinish = document.getElementById("uiFinish");
  var uiFootStep = document.getElementById("ctl00_ContentPlaceHolder1_uiFootStep");
  //alert("value: " + value + " modelFlag: " + _modelFlag);
  if(value == '1')
  {
    uiModelSelection.style.display = "block";
    uiModelSeriesSelector.style.display = "block";
    uiColorSelection.style.display = "none";
    uiColorSelector.style.display = "none";
    uiSummary.style.display = "none";
    uiOptionSelection.style.display = "none";
    uiFinish.style.display = "none";
    uiFinishSideBar.style.display = "none";
    uiSummaryImageDiv.style.display = "none";
    uiFootStep.style.display = "none";
    uiModelImg.name = "on";
    uiColorImg.name = "off";
    uiOptionImg.name = "off";
    uiFinishImg.name = "off";
    
    uiModelImg.src = "images/Ispec Main Nav/mainnav_model_selection_on.jpg";
    uiColorImg.src = "images/Ispec Main Nav/mainnav_color_selection_off.jpg";
    uiOptionImg.src = "images/Ispec Main Nav/mainnav_option_selection_of.jpg";
    uiFinishImg.src = "images/Ispec Main Nav/mainnav_finish_off.jpg";
  }
  else if(value == '2' && _modelFlag == '1')
  {
    uiModelSelection.style.display = "none";
    uiModelSeriesSelector.style.display = "none";
    uiColorSelection.style.display = "block";
    uiColorSelector.style.display = "block";
    uiSummary.style.display = "none";
    uiFootStep.style.display = "block";
    //alert(uiFootStep.innerHTML);
    uiFootStep.innerHTML = _footStepString;
    uiOptionSelection.style.display = "none";
    uiFinish.style.display = "none";
    uiFinishSideBar.style.display = "none";

    uiSummaryImageDiv.style.display = "none";
            
    uiModelImg.name = "off";
    uiColorImg.name = "on";
    uiOptionImg.name = "off";
    uiFinishImg.name = "off";
    
    uiModelImg.src = "images/Ispec Main Nav/mainnav_model_selection_off.jpg";
    uiColorImg.src = "images/Ispec Main Nav/mainnav_color_selection_on.jpg";
    uiOptionImg.src = "images/Ispec Main Nav/mainnav_option_selection_of.jpg";
    uiFinishImg.src = "images/Ispec Main Nav/mainnav_finish_off.jpg";
    
    Display();
  }
  else if(value == '3' && _modelFlag == '1')
  {
    uiModelSelection.style.display = "none";
    uiModelSeriesSelector.style.display = "none";
    
    uiColorSelection.style.display = "none";
    uiColorSelector.style.display = "none";
    
    uiOptionSelection.style.display = "block";
    uiSummary.style.display = "none";
    uiSummaryImageDiv.style.display = "block";
    
    uiFinish.style.display = "none";
    uiFinishSideBar.style.display = "block";
    
    uiModelImg.name = "off";
    uiColorImg.name = "off";
    uiOptionImg.name = "on";
    uiFinishImg.name = "off";
    
    uiModelImg.src = "images/Ispec Main Nav/mainnav_model_selection_off.jpg";
    uiColorImg.src = "images/Ispec Main Nav/mainnav_color_selection_off.jpg";
    uiOptionImg.src = "images/Ispec Main Nav/mainnav_option_selection_on.jpg";
    uiFinishImg.src = "images/Ispec Main Nav/mainnav_finish_off.jpg";
    //alert(uiOptionImg.name);
//    var test = document.getElementById("uiColorAreas");
//    var str = "<table>";
//    for(var i = 0; i < _optionArray.length; i++)
//    {
//      str = str + "<tr><td>" + _optionArray[i].ID + "</td></tr>";
//    }
//    str = str + "</table>";
//    test.innerHTML = str;
  }
  else if(value == '4' && _modelFlag == '1')
  {
    uiModelSelection.style.display = "none";
    uiModelSeriesSelector.style.display = "none";
    
    uiColorSelection.style.display = "none";
    uiColorSelector.style.display = "none";
    uiSummaryImageDiv.style.display = "block";
    uiSummary.style.display = "none";
    
    uiOptionSelection.style.display = "none";
    uiFinishSideBar.style.display = "block";
    
    uiFinish.style.display = "block";
    
    uiModelImg.name = "off";
    uiColorImg.name = "off";
    uiOptionImg.name = "off";
    uiFinishImg.name = "on";
    
    uiModelImg.src = "images/Ispec Main Nav/mainnav_model_selection_off.jpg";
    uiColorImg.src = "images/Ispec Main Nav/mainnav_color_selection_off.jpg";
    uiOptionImg.src = "images/Ispec Main Nav/mainnav_option_selection_of.jpg";
    uiFinishImg.src = "images/Ispec Main Nav/mainnav_finish_on.jpg";
  }
  } catch(fliperr) { alert ('FlipPage ' + fliperr.description); }
}
function OnMouseOver(obj, value)
{
  if(value == 1)
  {
    obj.src = "images/Ispec Main Nav/mainnav_model_selection_on.jpg";
  }
  else if(value == 2)
  {
    obj.src = "images/Ispec Main Nav/mainnav_color_selection_on.jpg";
  }
  else if(value == 3)
  {
    obj.src = "images/Ispec Main Nav/mainnav_option_selection_on.jpg";
  }
  else if(value == 4)
  {
    obj.src = "images/Ispec Main Nav/mainnav_finish_on.jpg";
  }
}
function OnMouseOut(obj, value)
{
  if(value == 1)
  {
    if(obj.name == "off")
    {
      obj.src = "images/Ispec Main Nav/mainnav_model_selection_off.jpg";
    }
  }
  else if(value == 2)
  {
    if(obj.name == "off")
    {
      obj.src = "images/Ispec Main Nav/mainnav_color_selection_off.jpg";
    }
  }
  else if(value == 3)
  {
    if(obj.name == "off")
    {
      obj.src = "images/Ispec Main Nav/mainnav_option_selection_of.jpg";
    }
  }
  else if(value == 4)
  {
    if(obj.name == "off")
    {
      obj.src = "images/Ispec Main Nav/mainnav_finish_off.jpg";
    }
  }
}
function OnSeriesOver(obj, id)
{
  switch(id)
  {
    case 2:
      obj.src = "images/Series/ski_series_on.jpg";
      break;
    case 3:
      obj.src = "images/Series/luxury_series_on.jpg";
      break;
    case 4:
      obj.src = "images/Series/luxury_series_on.jpg";
      break;
    case 5:
      obj.src = "images/Series/wakeboard_series_on.jpg";
      break;
    case 6:
      obj.src = "images/Series/entry_wake_series_on.jpg";
      break;
    case 8:
      obj.src = "images/Series/wakeboard_series_on.jpg";
      break;
    case 9:
      obj.src = "images/Series/corvette_series_on.jpg";
      break;
    default:
      obj.src = "";
      break;
  }
}
function OnSeriesClick(obj, id, rowCount)
{
  var x = 0;
  _modelFlag = 0;
//  for(var i = 0; i < rowCount; i++)
//  {
  
  while(curObj != null)
  {
    var curObj = document.getElementById("ctl00_SidBarContent_uiSeries_uiModelSeriesList_ctl0" + x + "_test");  
    //alert(obj.id + " " + curObj.id);
    if(curObj.id == obj.id)
    {
      curObj.name = "on";
    }
    else
    {
      curObj.name = "off";
    }
    x++;
  }
  
    //alert(curObj.name);
  //}
  //alert(obj.name);
  switch(id)
  {
    case 2:
      obj.src = "images/Series/ski_series_on.jpg";
      //alert(id);
      break;
    case 3:
      obj.src = "images/Series/luxury_series_on.jpg";
      //alert(id);
      break;
    case 4:
      obj.src = "images/Series/luxury_series_on.jpg";
      //alert(id);
      break;
    case 5:
      obj.src = "images/Series/wakeboard_series_on.jpg";
      //alert(id);
      break;
    case 6:
      obj.src = "images/Series/entry_wake_series_on.jpg";
      //alert(id);
      break;
    case 8:
      obj.src = "images/Series/wakeboard_series_on.jpg";
      //alert(id);
      break;
    case 9:
      obj.src = "images/Series/corvette_series_on.jpg";
      break;
    default:
      obj.src = "";
      //alert(id);
      break;
  }
}
function OnSeriesOut(obj, id)
{
  try {
  if(obj.name == "off" || obj.name == "")
  {
    //alert("OnMouseOut:" + obj.name);
    switch(id)
    {
      case 2:
        obj.src = "images/Series/ski_series_off.jpg";
        break;
      case 3:
        obj.src = "images/Series/luxury_series_off.jpg";
        break;
      case 4:
        obj.src = "images/Series/luxury_series_off.jpg";
        break;
      case 5:
        obj.src = "images/Series/wakeboard_series_off.jpg";
        break;
      case 6:
        obj.src = "images/Series/entry_wake_series_off.jpg";
        break;
      case 8:
        obj.src = "images/Series/wakeboard_series_off.jpg";
        break;
      case 9:
        obj.src = "images/Series/corvette_series_off.jpg";
        break;
      default:
        obj.src = "";
        break;
    }
  }
  } catch(err) { alert("OnSeriesOut"); }
}