var interval_ID;
var maxWidth;
var maxWidthMenuTabs;

var intervals_ID = new Array();
var arrMaxWidth = new Array();
var arrMaxWidthMenuTabs = new Array();


function getWidth(id){
 if(id){
	 if(document.getElementById("menuTabsTable"+id)){ arrMaxWidth[id] = document.getElementById("menuTabsTable"+id).offsetWidth;}
	 if(document.getElementById("menuTabs"+id)) { arrMaxWidthMenuTabs[id] = document.getElementById("menuTabs"+id).style.width; arrMaxWidthMenuTabs[id] = parseInt(arrMaxWidthMenuTabs[id].replace("px", "")); }
 }
 else{
	 if(document.getElementById("menuTabsTable")){ maxWidth = document.getElementById("menuTabsTable").offsetWidth;}
	 if(document.getElementById("menuTabs")) { maxWidthMenuTabs = document.getElementById("menuTabs").style.width; maxWidthMenuTabs = parseInt(maxWidthMenuTabs.replace("px", ""));}
 }
}


function getStyleObject(objectId) {
 // cross-browser function to get an object's style object given its
 if(document.getElementById && document.getElementById(objectId)) {
 // W3C DOM
 return document.getElementById(objectId).style;
 } else if (document.all && document.all(objectId)) {
 // MSIE 4 DOM
 return document.all(objectId).style;
 } else if (document.layers && document.layers[objectId]) {
 // NN 4 DOM.. note: this won't find nested layers
 return document.layers[objectId];
 } else {
 return false;
 }
} 



function startMenu(step, id)
{
 var divId = "menuTabs";
 if(id){
	 divId = divId +id;
	 intervals_ID[id] = setInterval('moveDiv("'+divId+'",'+step+',\''+id+'\');',15);
 }
 else{
	 interval_ID = setInterval('moveDiv("'+divId+'",'+step+');',15);
 }
}


function moveDiv(divID,step, id) {
 // get the stylesheet
 //
 if(id){ 
 	getWidth(id);
 } else { 
 	getWidth();
 }
 var the_style = getStyleObject(divID);

 if (the_style) {
	 // get the current coordinate and add 5
	 var current_left = parseInt(the_style.left);
	 var new_left = current_left + step;
	 // set the left property of the DIV, add px at the
	 // end unless this is NN4
	 if(step > 0 && current_left < 0 ){
		 if (document.layers) {
			 the_style.left = new_left;
		 } else {
			 the_style.left = new_left + "px";
		 }
	 }
	
	if(id){
		 if(step < 0 && current_left >= (-arrMaxWidth[id] + arrMaxWidthMenuTabs[id])){
			 if (document.layers) {
				the_style.left = new_left;
			 } else {
				 the_style.left = new_left + "px";
			 }
		 }
	 } else{
		 if(step < 0 && current_left >= (-maxWidth + maxWidthMenuTabs)){
			 if (document.layers) {
				 the_style.left = new_left;
			 } else {
				 the_style.left = new_left + "px";
			 }
		 }
	 }
 }
}


function stopMenu(id){
 if(id) clearInterval(intervals_ID[id]);
 else clearInterval(interval_ID);
}