//@remember current col in the view port.
var currentLeftCol=1;
var colsShowInViewPort=5;

//@ ini parameter
var column_start_id=0;
var column_show_cols=4+1;// table show column numbers title

var column_width=80;//
var current_table_id="features_table_id_0";
		  
function show_hide_column(col_no, do_show,table_id) {
	var stl;
	if (do_show) stl = ''
	else         stl = 'none';
	var tbl  = document.getElementById(table_id);
	var rows = tbl.getElementsByTagName('tr');
	
	for (var row=0; row<rows.length;row++) {
		var cels = rows[row].getElementsByTagName('td');
		if(col_no<=cels.length){
		    cels[col_no].style.display=stl;
		}
	}
}

function onNextClick(){
	column_start_id=column_start_id+1;
	var title_table=document.getElementById('id_of_titletable');
	var content_table=document.getElementById('id_of_table');
	if((column_start_id+column_show_cols) >= column_all_cols){
	   button_next=document.getElementById('next'); 
	   button_next.style.display='none';
	}
	button_pre=document.getElementById('pre');
	button_pre.style.display='block';
	if((column_start_id+column_show_cols)<=column_all_cols){
	show_hide_column(column_start_id, false,current_table_id);
	show_hide_title_column(column_start_id, false,"id_of_titletable");
	show_hide_title_column(column_start_id+column_show_cols, true,"id_of_titletable");
	show_hide_column(column_start_id+column_show_cols, true,current_table_id);
	}
}
function onPreClick(){
	var title_table=document.getElementById('id_of_titletable');
	var title_table_width=title_table.offsetWidth;
	var cell_width=CellWidth("id_of_titletable",column_start_id);;
	
	var content_table=document.getElementById(current_table_id);
	if(column_start_id==1){
	   button_pre=document.getElementById('pre'); 
	   button_pre.style.display='none';
	}
	
	button_next=document.getElementById('next');
	button_next.style.display='block';
	show_hide_column(column_start_id, true,current_table_id);
	show_hide_title_column(column_start_id, true,"id_of_titletable");
	var sss=column_start_id+column_show_cols;
	show_hide_title_column(sss, false,"id_of_titletable");
	show_hide_column(sss, false,current_table_id);
	column_start_id=column_start_id-1;
}  
function CellWidth(table_id,col_id){
      var tableobj=document.getElementById(table_id);
      return tableobj.rows[0].cells[col_id].offsetWidth;
}
function getTableCols(table_id){
      var tableobj=document.getElementById(table_id);
      return tableobj.rows[0].cells.length;
}

function only_show_cols(features_table_id_x){
	for(i=column_show_cols+1;i<=column_all_cols;i++){
	   show_hide_column(i, false,features_table_id_x);
	   show_hide_title_column(i, false,"id_of_titletable");
	}
}
function ini_page_data(){
	currentLeftCol=1;
	colsShowInViewPort=5;
    //@ ini parameter
	column_start_id=0;//
	column_show_cols=4+1;// table show column numbers title
	column_width=80;//
	button_pre=document.getElementById('pre');
	button_pre.style.display='none';
	if(column_all_cols>column_show_cols){
		button_next=document.getElementById('next'); 
		button_next.style.display='';
	}
}
function hide_2button(){
	if(column_all_cols<=column_show_cols){
		button_next=document.getElementById('next'); 
		button_next.style.display='none';
		button_pre=document.getElementById('pre');
		button_pre.style.display='none';
	}
}

function show_hide_title_column(col_no, do_show,table_id) {
    var stl;
    if (do_show) stl = ''
    else         stl = 'none';
    var tbl  = document.getElementById(table_id);
    var rows = tbl.getElementsByTagName('tr');
    for (var row=0; row<rows.length;row++) {
      var cels = rows[row].getElementsByTagName('td');
      cels[col_no].style.display=stl;
    }
}
  
function update_sheet_data(table_id){
    var tbl  = document.getElementById(table_id);
    var rows = tbl.getElementsByTagName('tr');
    for (var rowid=0; rowid<rows.length;rowid++) {
      var cels = rows[rowid].getElementsByTagName('td');
      for(var i=1;i<cels.length;i++){
        var cell_var="";
        if (document.all) {//ie
          cell_var=tbl.rows[rowid].cells[i].innerText;
        }else {
          cell_var=tbl.rows[rowid].cells[i].textContent;
        }
        var statid=0;
		var imgstr=standard_equipment_gif;
        
		if(eval(table_id+"_featurenamecatalog"+"["+rowid+"]")==1){
		  imgstr= EmptyGif;
		}else{
        var optvar =  "";//  eval(table_id+"_optionalpackagearray"+"["+rowid+"]");
        var notavavar = "";//eval(table_id+"_notavailablepackage"+"["+rowid+"]");
        if( rowid<=eval(table_id+"_optionalpackagearray").length ){
            optvar    =    eval(table_id+"_optionalpackagearray"+"["+(rowid)+"]");
        }
        if( rowid<=eval(table_id+"_notavailablepackage").length ){
            notavavar =    eval(table_id+"_notavailablepackage"+"["+(rowid)+"]");
        }
		if(optvar.indexOf(model_id[i-1]+" ")>-1){
			imgstr=option_equipment_gif;
		    statid=1;
		}else if(notavavar.indexOf(model_id[i-1]+" ")>-1){
		    imgstr=not_equipment_gif;
		    statid=1;
		}
        }
		imgstr="<div style='padding-top:4px; padding-left:8px'><img width='8' height='8' src='"+imgstr+"' preload='"+imgstr+"' border=0></div>";
		tbl.rows[rowid].cells[i].innerHTML = imgstr;
		var spec_var=""+eval(table_id+"_featurenamearray"+"["+rowid+"]");
		tbl.rows[rowid].cells[0].innerHTML = "<div style=' margin-bottom:2px; margin-top:2px;-margin-top:4px'>"+spec_var+"</div>";
      }
    }
  }

function title_table_func(table_lefttop_headline, table_lefttop_subheadline){
	var title_table_td_str="";
	title_table_td_str+="<tr height='56'  bgcolor='#FFFFFF'>";
	title_table_td_str+="<td width='260' valign='bottom'><div style='width:100px'><div style='float:left;width:200px;line-height:16px'><h5 >"+table_lefttop_headline+"</h5></div><div styly='float:left;width:200px'>"+table_lefttop_subheadline;
	title_table_td_str+='<a href="javascript:setVisibility(\'info\',1);" onMouseOver="switchImage(\'infoImg3\',1);\" onMouseOut=\"switchImage(\'infoImg3\',0);"><img src="'+infoGif+'" id="infoImg3" preload="'+infoHighGif+'" width="13" height="12" border="0"></a></div>';			
	title_table_td_str+="</div></td>";

	for(var title_i=0;title_i<column_all_cols;title_i++){
		var package_name_var=package_name[title_i];
		        var price_var=price[title_i];
		if(package_name_var.length==0){
		    package_name_var="<br>";
		}
		if(price_var.length==0){
		    price_var="<br>";
		}
	
		title_table_td_str+="<td  valign='top' width='80'>";
		title_table_td_str+="<div style='padding-top:4px; padding-left:8px'><b>"+model_name[title_i]+"</b></div>";
		if (model_id[title_i]=='730Li Prestige')  {
		} else {
			title_table_td_str+="<div style='padding-left:8px'>"+package_name_var+"</div>";
		}
		title_table_td_str+="<div style='padding-left:8px'>"+price_var+"</div>";
		title_table_td_str+="</td>";
	}
	title_table_td_str+="</tr>";
	title_table_td_str="<table border='0'  cellspacing='1' cellpadding='0' id='id_of_titletable' bgcolor='#CCCCCC'>"+title_table_td_str+"</table>";
	writeIntoLayer("header",title_table_td_str);
}

function exchange_tabs(tab_id, table_lefttop_headline, table_lefttop_subheadline){
	resetPageLinkHightLight(tab_id);
	ini_page_data();
	title_table_func(table_lefttop_headline, table_lefttop_subheadline);
	current_table_id="features_table_id_"+tab_id;
	writeIntoLayer("contentScrollChild",page_table_array[tab_id]);
	only_show_cols(current_table_id);
	update_sheet_data(current_table_id);
	hide_2button();
	resetScroll();  
	setFeatureTableName(tab_id);
}
	  
function setFeatureTableName(tab_id){
   writeIntoLayer("FeatureText",'<b>'+FeatureTableName[tab_id]+'</b>');
}


//@do page link hightlight
function _setPageLinkCss(PageId,cssStr){	  
  document.getElementById("pageLink_"+PageId).className ="PageLinkA";
}		  

function _ActivePageLink(PageId){	  
  document.getElementById("pageLink_"+PageId).className ="PageLinkA";
}		  

function _InactivePageLink(PageId){	  
  document.getElementById("pageLink_"+PageId).className ="PageLink";
}	

function hightlightFirstPageLink(){
  _ActivePageLink(0);
}

function resetPageLinkHightLight(PageId){
	var i;
	
	for(i=0;i<FeatureTableName.length;i++){  
		if(i==PageId)
			_ActivePageLink(i);
		else
			_InactivePageLink(i);
	}
}

//@reposition layout functions.
function resetScroll(){	
	//reposition scrolls
	vSwitch("contentRuler",0);
	vSwitch("contentScrollBar",0);
	vSwitch("contentDown",0);
	vSwitch("contentUp",0);
	vSwitch("contentDrag",0);
	MoveScroll();
	setLayerPosition('contentScrollChild',0,0);
	  
	document.getElementById('contentDrag').style.top = 216 + 'px';

	initDHTMLScroller2(false);
	initDHTMLScroller2(true);
	initDHTMLScroller2(false);	  

	var legengTop = 0;
	if(DoScroll){
		document.getElementById("tableUpLine").style.visibility = 'visible';
		document.getElementById("tableLowerLine").style.visibility = 'visible';		 
		document.getElementById('tableLowerLine').style.width = document.getElementById(current_table_id).offsetWidth + "px";
		document.getElementById('tableUpLine').style.width = document.getElementById(current_table_id).offsetWidth + "px";
	  
		legengTop = document.getElementById('contentScrollParent').offsetTop + document.getElementById('contentScrollParent').offsetHeight + 8;
		setLegendPos(legengTop);
	}else{
		document.getElementById("tableUpLine").style.visibility = 'hidden';
		document.getElementById("tableLowerLine").style.visibility = 'hidden';
		legengTop = 	document.getElementById('contentScrollParent').offsetTop + document.getElementById(current_table_id).offsetHeight +8;		  
		setLegendPos(legengTop);
	}
}			

function DoMoveScroll(Bia){
	document.getElementById('contentUp').style.left =(Bia + 4)+'px';
	document.getElementById('contentDown').style.left = (Bia + 4)+'px';
	document.getElementById('contentDrag').style.left = (Bia + 5)+'px';
	document.getElementById('contentScrollBar').style.left = (Bia + 8)+'px';
}

function MoveScroll(){	  
	var space2ContentRight = 8;
	var ContentLeftSpace = 300;
	var bia = document.getElementById(current_table_id).offsetWidth + space2ContentRight + ContentLeftSpace;
	  
	//move scroll
	DoMoveScroll(bia);
}
		
function setLegendPos(topValue){
  document.getElementById('legend').style.top = topValue + 'px';
}


jQuery(document).ready(function(){
	 $("#outerDiv").css("z-index","50"); 
});



//@end : reposition layout functions.
var speed = 4;
var DoScroll = false;