var curHEAD = 0; // current header id
var headIMG;
var interval_head = 3500;
var speedhead = 700;
var curBox = 0;
var currentcat = 0;
var imgarray;

$(document).ready(function(){	
	if(document.getElementById('pane')){
	var myscroll = $('#pane');
	var ulid = document.getElementById('paneul').getElementsByTagName('li').length;
		var w = 0;
		for(var j = 0; j < ulid; j++){
			w += document.getElementById('paneul').getElementsByTagName('li')[j].offsetWidth;
		}
		document.getElementById('paneul').style.width = w + "px";
		myscroll.jScrollHorizontalPane({animateTo:false,scrollbarHeight:19,scrollbarMargin:0,showArrows:1,animateInterval:0,animateStep:0,arrowSize:19});
		myscroll[0].scrollTo(currentcat);
	}	
	/* Init Lightbox */
	if(document.getElementById('ski_more')){
		$("li.zoom a").fancybox({
			'overlayOpacity': 1,
			'frameWidth':1024,
			'frameHeight':768,
			'imageScale':false,
			'centerOnScroll':false,
			'hideOnContentClick': false
		});
		var itwt = document.getElementById('ski_more').getElementsByTagName('a')[1].href;
		if(itwt.substring(itwt.length-1) != "#"){
			$("li.itwt a").fancybox({
				'overlayOpacity': 1,
				'frameWidth':1024,
				'frameHeight':768,
				'imageScale':false,
				'centerOnScroll':false,
				'hideOnContentClick': false
			});		
		}
	}
	$(".iframe").fancybox({
		'overlayOpacity': 1,
		'frameWidth':1024,
		'frameHeight':768,
		'imageScale':false,
		'centerOnScroll':false,
		'hideOnContentClick': false
	});
	if(document.getElementById('text')){
		var j = 0;
		var maxid = 0;
		for(var j = 0; j < document.getElementById('text').getElementsByTagName('div').length; j++){
			if(document.getElementById('text').getElementsByTagName('div')[j].className = 'box'){
				maxid++;
			}		
		}
		if(maxid > 1){
			for(var j = 1; j < document.getElementById('text').getElementsByTagName('div').length; j++){
				if(document.getElementById('text').getElementsByTagName('div')[j].className = 'box'){
					document.getElementById('text').getElementsByTagName('div')[j].style.display = 'none';	
				}		
			}	
		}	
	}	
	if(!document.getElementById('pane')){
		imgarray = document.getElementById('img').getElementsByTagName('img');
		headIMG = window.setInterval('HeaderOut()',interval_head); // call Fade Function
	}	
});

function CloseBox(id){
	if(id != curBox){
		var imgsrc_cur = document.getElementById('onglets').getElementsByTagName('li')[curBox].getElementsByTagName('img')[0];
		var imgsrc__id = document.getElementById('onglets').getElementsByTagName('li')[id].getElementsByTagName('img')[0];
		imgsrc_cur.src = imgsrc_cur.src.replace('_1.', '_0.');
		imgsrc__id.src = imgsrc__id.src.replace('_0.', '_1.');
		var browseBox = 0;
		for(var j = 0; j < document.getElementById('text').getElementsByTagName('div').length; j++){			
			if(document.getElementById('text').getElementsByTagName('div')[j].className = 'box'){
				if(browseBox == curBox){
					var el = document.getElementById('text').getElementsByTagName('div')[j];
					break;
				}
				browseBox++;
			}		
		}
		//var el = document.getElementById('text').getElementsByClassName('box')[curBox];
		$(el).hide(0, ShowBox(id));
		if(document.getElementById('text').getElementsByTagName('table')[0]){
			if(id == 0){
				document.getElementById('text').getElementsByTagName('table')[0].className = '';	
			}else{
				document.getElementById('text').getElementsByTagName('table')[0].className = 'overview';	
			}	
		}		
	}		
}

function ShowBox(id){
	var browseBox = 0;
	for(var j = 0; j < document.getElementById('text').getElementsByTagName('div').length; j++){			
		if(document.getElementById('text').getElementsByTagName('div')[j].className = 'box'){
			if(browseBox == id){
				var el = document.getElementById('text').getElementsByTagName('div')[j];
				break;
			}
			browseBox++;
		}		
	}
	curBox = id;
	$(el).fadeIn("slow");
}

function HeaderOut(){
	clearInterval(headIMG); // stop Interval (beginning of animation)	
	var maximg = imgarray.length;
	oldHEAD = curHEAD;
	curHEAD++;
	if(curHEAD == maximg){
		curHEAD = 0;
	}
	document.getElementById('img').style.background = '#000 url(' + imgarray[curHEAD].src + ')';
	$(imgarray[oldHEAD]).fadeOut(speedhead, HeaderIn);
	
}
function HeaderIn(){
	$(imgarray[curHEAD]).fadeIn(speedhead);
	headIMG = window.setInterval('HeaderOut()',interval_head);
}