// variables
var opened;
var allTabs;
var allDiv;
var allLinks;
var monInterval;
var taille;

/* Taille de la liste */

function tailleUl(liste){
	if (liste.hasChildNodes()){
		var cells = liste.getElementsByTagName("li");
		var size = cells[0].offsetWidth;
		var ulLength = (cells.length)*(size);
		return(ulLength);
	}
	else return("0");
}
	
/* scrolling */

function move(elem, direction){
	liste = document.getElementById("historySousContent"+elem.parentNode.parentNode.id.split("insideContent")[1]);
	taille = tailleUl(document.getElementById("datesList"+elem.parentNode.parentNode.id.split("insideContent")[1]));
	monInterval=setInterval("scroll"+direction+"(liste)", 50);
}

function scrollRight(elem){
	elem.firstChild.style.left = elem.firstChild.offsetLeft;
	if (parseInt(elem.firstChild.style.left)>(-(taille))+elem.offsetWidth){
		elem.firstChild.style.left = parseInt(elem.firstChild.style.left)-3+"px";
	}else{
		clearInterval(monInterval);
	}
}
	
function scrollLeft(elem){
	elem.firstChild.style.left = elem.firstChild.offsetLeft;
	if (parseInt(elem.firstChild.style.left)<0){
		elem.firstChild.style.left = parseInt(elem.firstChild.style.left)+3+"px";
	}else{
		clearInterval(monInterval);
	}
}

/* Tabs Control */

// hide contents
function hideTabsContents(){
	for(var i=0; i<allDiv.length;i++){
		if(allDiv[i].id.indexOf("insideContent") != -1){
			allDiv[i].style.display = "none";
		}
	}
}

// deselect all tabs
function deselectTabs(){
	for(var i=0; i<allTabs.length;i++){
		if (i==0) allTabs[i].className = "first";
		else allTabs[i].className = "";
	}
}

// show the right content
function clickTab(opened){
	hideTabsContents();
	deselectTabs();
	document.getElementById("insideContent"+opened).style.display = "block";
	if (opened==1) document.getElementById("historyMenu").childNodes[opened-1].className = "first selected";
	else document.getElementById("historyMenu").childNodes[opened-1].className = "selected";
	clickLink(opened+"1");
	for(var i=0; i<document.getElementById("datesList"+opened).childNodes.length;i++){
		document.getElementById("datesList"+opened).childNodes[i].className = "";
	}
	document.getElementById("datesList"+opened).firstChild.className = "on";
}

// hide dates
function hideLinksContents(){
	for(var i=0; i<allDiv.length;i++){
		if(allDiv[i].id.indexOf("dateContent") != -1){
			allDiv[i].style.display = "none";
		}
	}
}

// show the right content
function clickLink(linkNumber){
	hideLinksContents();
	document.getElementById("dateContent"+linkNumber).style.display = "block";
}


// onLoad
	
events.add(window, 'load', function()
{

	if (document.getElementById("popupPrint")){
		window.print();
	}
	if (document.getElementById("historyMenu")){
		
		opened = 1; // default value = first tab opened
		date = 1;
		allDiv = document.getElementsByTagName("div");
		allTabs = document.getElementById("historyMenu").childNodes;
		allLinks = document.getElementsByTagName("a");
		
		for(var i=0; i<allLinks.length;i++){
			// Onglets
			if(allLinks[i].className.indexOf("tabClick") != -1){
				allLinks[i].onclick = function(){
					// get the number in the link
					clickTab(this.href.split("insideContent")[1].charAt(0));
					this.blur();
					return false;
				}
			}
			// Fleches
			else if(allLinks[i].className.indexOf("arrowClick") != -1){
				allLinks[i].onmouseover = function(){
					if(this.className.indexOf("right") != -1) move(this,'Right');
					else move(this,'Left');
					this.blur();
					return false;
				}
				allLinks[i].onmouseout = function(){
					clearInterval(monInterval);
					this.blur();
					return false;
				}
			}
			// Dates
			else if(allLinks[i].href.indexOf("dateContent") != -1){
				allLinks[i].onclick = function(){
					clickLink(this.href.split("dateContent")[1]);
					for(var i=0; i<this.parentNode.parentNode.childNodes.length;i++){
						this.parentNode.parentNode.childNodes[i].className = "";
					}
					this.parentNode.className = "on";
					this.blur();
					return false;
				}
			}
		}
		if (opened) clickTab(opened);
	}
	return true;
});