window.addEvent('domready', function(){

 
var kwicks = $$("#pnav .image");
var kwicks2 = $$("#pnav .image dl");
var fx = new Fx.Elements(kwicks2, {wait:false, duration: 2000, transition: Fx.Transitions.Quad.easeIn});
var newfx = new Fx.Elements(kwicks2, {wait:false, duration: 2000, transition: Fx.Transitions.Back.easeOut});
$("pnav").setStyle("width",0)


if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
}


var scroll = new Fx.Scroll('projets-nav', {
	wait: false,
	duration: 500,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Quad.easeInOut
	
});

var scrolling = new Fx.Scroll('projets-nav', {
	wait: false,
	duration:0,
	offset: {'x': 0, 'y': 0}
});



var newwidth;
var newposition=0;

kwicks.each(function(kwick, i) {
	
	newwidth=$("pnav").getStyle("width").toInt()+75;
	$("pnav").setStyle("width", newwidth)
	kwick.addEvent("mouseenter", function(eelement) {
		var o = {};
		kwick.setStyle("border-color", "#a1a1a1")
		kwicks2[i].setStyle("opacity",0)
		kwicks2[i].setStyle("display","block")
		
		o[i] = {"opacity": [kwicks2[i].getStyle("opacity"), 100]}
		kwicks2.each(function(other, j) {
			if(i != j) {
				kwicks2[j].setStyle("opacity",0)
				kwicks2[j].setStyle("display","none")
				kwicks[j].setStyle("border-color", "#ffffff")
			}
		});
		fx.start(o);
	});
	kwick.addEvent("click", function (event){
		Cookie.set("position", newposition, {path: "/"});
	});	
});
//alert($("pnav").getStyle("width"))

$("pnav").addEvent("mouseleave", function(event) {
	
	var o = {};
	kwicks2.each(function(kwicky, i) {
		kwicky.setStyle("opacity",0)
		kwicky.setStyle("display","none")
		kwicks[i].setStyle("border-color", "#ffffff")
	});
	newfx.start(o);
});

$("right").addEvent('click',function(event){
	if(newposition<newwidth-375){
		newposition=newposition+375;
		scroll.scrollTo(newposition,0);
	}
});

$("left").addEvent('click',function(event){
	if(newposition>0){
		newposition=newposition-375;
		scroll.scrollTo(newposition,0);
	}
});

/*getposition=Cookie.get("position");
scrolling.scrollTo(0,0);
scrolling.scrollTo(getposition-0,0);
newposition=getposition.toInt();
*/

});