// JavaScript Document
var PageDiv = new Object();

PageDiv.interval = "";
PageDiv.target_top = "";
PageDiv.target_left = "";
PageDiv.sp_left = 0;
PageDiv.sp_top = 0;
PageDiv.vitesse = 3;

PageDiv.p1 = {top: 0, left: 0};
PageDiv.p2 = {top: 0, left: -500};
PageDiv.p3 = {top: 0, left: -1000};


function sc () {
	var top_number = Number(PageDiv.main.style.top.slice(0,-2));
	var left_number = Number(PageDiv.main.style.left.slice(0,-2));
	PageDiv.main.style.top = (top_number + Math.round((PageDiv.target_top - top_number)/PageDiv.vitesse))+"px";
	PageDiv.main.style.left = (left_number + Math.round((PageDiv.target_left - left_number)/PageDiv.vitesse))+"px";
	if (Math.abs((PageDiv.target_left - left_number)/PageDiv.vitesse) <= 1 && Math.abs((PageDiv.target_top - top_number)/PageDiv.vitesse) <= 1) {
		PageDiv.main.style.left = PageDiv.target_left+"px";
		PageDiv.main.style.top = PageDiv.target_top+"px";

		window.clearInterval(PageDiv.interval);
	}
}
function leg (obj) {
		PageDiv.precedente = obj;
		var contents = PageDiv.main;
		PageDiv.target_top = PageDiv[obj.id]["top"];
		
		PageDiv.target_left = PageDiv[obj.id]["left"];
		PageDiv.interval = window.setInterval(sc, 100);
		PageDiv.scrolls()
		obj.onclick = function () {
			return false;
		}
	return false;
}



PageDiv.scrolls = function () {

	document.getElementById("un").style.top = "0px";
	document.getElementById("un").style.left = "0px";

	document.getElementById("deux").style.top = "0px";
	document.getElementById("deux").style.left = "500px";


	document.getElementById("trois").style.top = "0px";
	document.getElementById("trois").style.left = "1000px";
	
	this.main = document.getElementById("slide_main");
	
	var links = document.getElementById("navigation").getElementsByTagName("a");
	for (n=0; n<links.length; n++) {

				links[n].onclick = function(){
					css="css"+this.id.substring(1,2)		
					setActiveStyleSheet(css);
					leg(this);
				}
		
	}
}






function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}


function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}


function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}


function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}


var stretchers = $$('div.accordion');
	stretchers.each(function(item){
		item.setStyles({'height': '0', 'overflow': 'hidden'});
	});
	
	
	
	
window.onload = function(){ 		

	    var cookie = readCookie("style");
	    var title = cookie ? cookie : getPreferredStyleSheet();

  		setActiveStyleSheet(title);
		
		 cible=document.getElementById("p"+title.substring(3,4))
				
		if(cible)leg(cible)
				
				
		var togglers = $$('h3.toggler');
		var Page = new Object();
		
		var bgFx = [];
		togglers.each(function(toggler, i){
		
		//fx creation
		bgFx[i] = new Fx.Color(toggler, 'background-color', {wait: false});
		});
	
		var myAccordion = new Fx.Accordion(togglers, stretchers, { opacity: false, start: false, transition: Fx.Transitions.quadOut,
			
			onActive: function(toggler, i){
				
				toggler.getFirst().setStyle('color', '#fff');
				toggler.getFirst().setStyle('font-weight', 'bold');
				toggler.getFirst().setStyle('letter-spacing', '1px');
				toggler.getFirst().setStyle('padding-left', '10px');
				toggler.getFirst().setStyle('letter-spacing', '3px');
			},
		
			onBackground: function(toggler, i){
				bgFx[i].clearTimer();
				toggler.setStyle('background-color', toggler.defaultColor);
				toggler.getFirst().setStyle('color', '#fff');
			    toggler.getFirst().setStyle('font-weight', 'normal');
				toggler.getFirst().setStyle('letter-spacing', '0px');
				toggler.getFirst().setStyle('padding-left', '0px');
				toggler.getFirst().setStyle('letter-spacing', '3px');
			}
		});
		
		//anchors
		function checkHash(){
			var found = false;
			$$('h3.toggler a').each(function(link, i){
				if (window.location.hash.test(link.hash)){
					myAccordion.showThisHideOpen(i);
					found = true;
				}
			});
			return found;
		}

		if (!checkHash()) myAccordion.showThisHideOpen(0);
		
		
		
		//ball!
		var ball = $E('#header h1');
		var ballStyles = new Fx.Styles(ball, {duration: 800, transition: Fx.Transitions.elasticOut});
		new Drag.Move(ball, { 
			onComplete: function(){
				ballStyles.custom({'top': [this.element.getStyle('top').toInt(), 13], 'left': [this.element.getStyle('left').toInt(), 358]});
			}
		});
		
		
		PageDiv.scrolls();
	};
	

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
  
}