/* Javascript - SATAS */

/***** Sommaire *****/
// 00 - Variables
// 10 - Swap Image
// 20 - Navigations
// 30 - Actualités
// 40 - Change Produit
// 50 - Listing dynamique
// 99 - onLoad
/***** ******** *****/

/***** 00 - Variables *****/
var actURL = document.location.href;
var isOpera = (navigator.userAgent.indexOf('Opera') != -1)? true : false;
var isIE = (document.all && !isOpera && navigator.platform == "Win32")? true : false;
var isIE7 = (navigator.userAgent.indexOf('MSIE 7') != -1)? true : false ;


/***** sub nav *****/
function initMenuState(){
	
	for( var i = 0;; i++ )
	{
		var submenu = document.getElementById( "submenu_" + i );
		if( submenu == null ) break;
		submenuInnerHTMLon[ i ] =	submenuInnerHTMLoff[ i ] = submenu.innerHTML;
		
		var olTagIndex = submenu.innerHTML.search( new RegExp( "<ol", "i" ) );
		if( olTagIndex > 0 ) submenuInnerHTMLoff[ i ] =  submenu.innerHTML.substr( 0, olTagIndex );

	//alert( i + " :\n\n"  + submenuInnerHTMLon[ i ] + "\n\n" + submenuInnerHTMLoff[ i ] );
	}	
}

function menuClick( id ){
//alert(id + ' = test menu click');
	var t = id.split( "_" );
	selected_i = t[ t.length - 1 ];
//	alert('selected_i = '+selected_i);
	for( var i = 0;; i++ )
	{
		var submenu = document.getElementById( "submenu_" + i );		
//		alert('submenu = '+submenu);
		if( submenu == null ) break;
		if( i == selected_i )
		{

			submenu.innerHTML = submenuInnerHTMLon[ i ];
			submenu.className = "on";
//			alert("submenu.className = on");
			var olmenu = document.getElementById( "ol_" + (i + 1) );
//						alert("olmenu="+olmenu);
			if(olmenu!=null && (olmenu.innerHTML == null || olmenu.innerHTML == "" )){
				olmenu.style.display = "none";
//							alert("olmenudisplay= none");

			}

		}
		else
		{
			submenu.innerHTML = submenuInnerHTMLoff[ i ];
			submenu.className = "rub";
		}
	}
}

/***** 10 - Swap Images *****/
var rollPart = 'ro-';
var onAdd = '-on';
function swapImage(monImg){
	//Evenement onmouse out, pour empecher l'inversion si survol au chargement
	if(!monImg.onmouseout && monImg.src.indexOf(rollPart) != -1){
		monImg.onmouseout = function(){ swapImage(monImg); }
	}
	//Extension
	imgExt = monImg.src.substring(monImg.src.lastIndexOf('.'));
	//Dossier+Nom
	imgNom = monImg.src.substring(0,monImg.src.lastIndexOf('.'));
	//Images On / Off
	imgOn = imgNom+onAdd+imgExt;
	if(imgNom.indexOf(onAdd) != -1){
		imgNom = imgNom.substring(0,imgNom.length-onAdd.length);
	}
	imgOff = imgNom+imgExt;
	//Si etat On > RollOff
	if(monImg.src.indexOf(onAdd) != -1){
		monImg.src = imgOff;
	} else { // Sinon RollOn
		monImg.src = imgOn;
	}
}

/***** 20 - Navigations *****/
var lastMenu = '';
var isActive = false;
function showMenu(id){
	if(lastMenu != ''){
		hideMenu(id);
	}
	with(document.getElementById(id)){
		if(getElementsByTagName('img')[0].src.indexOf(onAdd) != -1){
			isActive = true;
		} else {
			swapImage(getElementsByTagName('img')[0]);
		}
		getElementsByTagName('a')[0].style.background = (getElementsByTagName('ol').length > 0)? '#E4DDDC' : '#FFFFFF';
		className = 'on';
	}
	lastMenu = id;
}
function hideMenu(id){
	with(document.getElementById(id)){
		if(isActive == false){
			swapImage(getElementsByTagName('img')[0]);
		} else {
			isActive = false
		}
		getElementsByTagName('a')[0].style.background = '#FFFFFF';
		className = '';
	}
	lastMenu = '';
}

/***** 30 - Actualité *****/
var nextActu = 0;
var prevActu = 0;
var actuTab = new Array();
function actu(titre,img,text){
	this.titre = titre;
	this.img = img;
	this.text = text;
	actuTab[actuTab.length] = this;
}

function showActu(id){
	var actuText = '';
	actuText += '\n<h3>'+actuTab[id].titre+'</h3>\n';
	actuText += '\t\n<div class="visu"><img src="'+actuTab[id].img+'" alt="'+actuTab[id].titre+'" /></div>\n';
	actuText += '\t\n<div class="txt">'+actuTab[id].text+'</div>\n';
	document.getElementById('actu').innerHTML = actuText;
	
	// Mise à jour de la pagination
	document.getElementById('currentActu').innerHTML = id+1;
	document.getElementById('maxActu').innerHTML = actuTab.length;
	
	//Mise à jour des liens Next / Prev
	if(actuTab.length > 1){
		if(id == 0){
			nextActu = id+1;
			prevActu = (actuTab.length-1);
		} else if(id == actuTab.length-1){
			nextActu = 0;
			prevActu = id-1;
		} else {
			nextActu = id+1;
			prevActu = id-1;
		}
	}
}

/***** 40 - Change Produit *****/

function changeProduct(cat,id){
	document.getElementById('viewer'+cat).innerHTML = document.getElementById(cat+'view'+id).innerHTML;
}

/***** 50 - Listing dynamique *****/

function dynaListRefresh(id,line){
	with(document.getElementById('dynaList'+id)){
		var tempList = getElementsByTagName('li')
		for(i=0; i<tempList.length; i++){
			if(tempList[i].id){
				var hisLine = tempList[i].id.substr(8);
				if(hisLine == line){
					tempList[i].className = 'on';
				} else {
					tempList[i].className = '';
				}
			}
		}
	}
}

/***** 99 - onLoad *****/
window.onload = function(){
	
	// Table des <div>
	var divTab = document.getElementsByTagName('div');
	
	// 10 - Swap Images
	var imgTable = document.images;
	for(i=0; i<imgTable.length; i++){
		//Uniquement sur les images requierant un RollOver
		if(imgTable[i].src.indexOf(rollPart) != -1 && imgTable[i].src.indexOf(onAdd) == -1){
			imgTable[i].onmouseover = function(){swapImage(this)};
		}
	}
	
	// 20 - Navigations
	var menuTab = new Array();
	var isFirst = true;
	if(document.getElementById('navtop')){
		with(document.getElementById('navtop')){
			menuTab = getElementsByTagName('li')
			for(i=0; i<menuTab.length; i++){
				if(menuTab[i].getElementsByTagName('img').length > 0){
					
					if(isFirst){
						menuTab[i].style.border = '0';
						isFirst = false;
					}
					
					menuTab[i].id = 'menu'+i;
					menuTab[i].onmouseover = function(){ showMenu(this.id); }
					menuTab[i].onmouseout = function(){ hideMenu(this.id); }
					if(menuTab[i].getElementsByTagName('ol').length > 0){
						
						// Correction IE (Opera debug de ouf) avant dimmensionnement
						isOpera = (navigator.userAgent.indexOf('Opera') == 55 || navigator.userAgent.indexOf('Opera') == 36 || navigator.userAgent.indexOf('Opera') == 0)? true : false ;
						if(isIE && !isIE7){
							menuTab[i].getElementsByTagName('ol')[0].style.width = '1%';
						}
						
						//Dimmensionnement et placement
						olSizer = (menuTab[i].getElementsByTagName('ol')[0].offsetWidth > menuTab[i].offsetWidth)? menuTab[i].getElementsByTagName('ol')[0].offsetWidth : menuTab[i].offsetWidth;
						menuTab[i].getElementsByTagName('ol')[0].style.width = (olSizer-13)+'px';
						
						// Positionnement Netscape
						if(navigator.userAgent.indexOf('Netscape') != -1){
							menuTab[i].getElementsByTagName('ol')[0].style.top = (menuTab[i].offsetTop+menuTab[i].offsetHeight)+'px';
							menuTab[i].getElementsByTagName('ol')[0].style.left = (menuTab[i].offsetLeft)+'px';
						}
						
						menuTab[i].getElementsByTagName('ol')[0].id = 'smenu'+i;
					}
				}
			}
		}
	}
	
	// 40 - Change produit
	var catTab = new Array();
	
	for(i=0; i<divTab.length; i++){
		if(divTab[i].className.indexOf('categorie') != -1 && divTab[i].className != 'categories'){
			catTab[catTab.length] = divTab[i];
		}
	}
	
	for(i=0; i<catTab.length; i++){
		catTab[i].getElementsByTagName('div')[0].id = 'viewer'+i;
		var productList = catTab[i].getElementsByTagName('tr')[0].getElementsByTagName('td').length;
		for(j=0; j<productList; j++){
			catTab[i].getElementsByTagName('tr')[0].getElementsByTagName('td')[j].getElementsByTagName('a')[0].href = 'javascript:changeProduct('+i+','+j+');';
			catTab[i].getElementsByTagName('tr')[1].getElementsByTagName('td')[j].getElementsByTagName('a')[0].href = 'javascript:changeProduct('+i+','+j+');';
			catTab[i].getElementsByTagName('tr')[2].getElementsByTagName('td')[j].id = i+'view'+j;
		}
	}
	
	// 50 - Listes dynamique
	var listTab = document.getElementsByTagName('ul');
	var dynaTab = new Array();
		
	for(i=0; i<listTab.length; i++){
		if(listTab[i].className == 'dynaList'){
			dynaTab[dynaTab.length] = listTab[i];
		}
	}
	for(i=0; i<dynaTab.length; i++){
		dynaTab[i].id = 'dynaList'+i;
		for(j=0; j<dynaTab[i].getElementsByTagName('li').length; j++){
			if(dynaTab[i].getElementsByTagName('li')[j].getElementsByTagName('ol').length > 0){
				dynaTab[i].getElementsByTagName('li')[j].id = 'dynaLine'+j;
				dynaTab[i].getElementsByTagName('li')[j].getElementsByTagName('a')[0].href = 'javascript:dynaListRefresh('+i+','+j+');';
			}
		}
	}

}

function popThis(url,name,w,h,o){
	window.open(url,name,'width='+w+',height='+h+','+o);
}