var mask='';
var panelWidth = '';
var logo = '';

function widthPanel(){
	panelWidth 	= 0;
	$$(".photo-item").each(function(el){
		panelWidth = panelWidth + el.width;
		var id = el.id.split('-');
		$('photo-'+id[2]).setStyle('width' , el.width);
		$('item-'+id[2]).setStyle('width' , el.width);
	});
	new $('container').setStyle('width', panelWidth);

}
function panelPhoto(){
	window.addEvent('load', function() {
		widthPanel();
		var scroll2 = new Scroller('carousel', {area: 200, velocity: 0.3});
		$('carousel').addEvent('mouseover', scroll2.start.bind(scroll2));
		$('carousel').addEvent('mouseout', scroll2.stop.bind(scroll2));
		mask = new Fx.Styles('mask', {duration:3000, wait:false});
		mask.start({
			'opacity': 0
		});
		var logo = new Fx.Styles('menu', {duration:3500, wait:false});
		logo.start({
			'top': 245
		});	
	});
}

panelPhoto();
function descriptionPanel(){
	slider = new Array();
	$$(".slider").each(function(el){
		slider[el.id] = new Fx.Styles(el.id, {duration:500, wait:false});
	});
	$$(".photo").each(function(el){
		var id=el.id.split('-');
		$(el.id).addEvent('mouseenter', function(){
			slider['item-'+id[1]].start({
				'margin-top': 200 
			});
		});
	 
		$(el.id).addEvent('mouseleave', function(){
			slider['item-'+id[1]].start({
				'margin-top': 0
			});
		});
	});
}
window.addEvent('domready', function() {
	sliderContact = new Fx.Slide('contactPart', {duration:1500}).hide();
	$('contact').addEvent('click', function(e){
		e = new Event(e);
		sliderPresentation.slideOut();
		sliderLink.slideOut();
		sliderContact.toggle();
		e.stop();
	});
	sliderPresentation = new Fx.Slide('philippe-abel', {duration:1500}).hide();
	$('cv').addEvent('click', function(e){
		e = new Event(e);
		sliderContact.slideOut();
		sliderLink.slideOut();
		sliderPresentation.toggle();
		e.stop();
	});
	sliderLink = new Fx.Slide('abel', {duration:1500}).hide();
	$('link').addEvent('click', function(e){
		e = new Event(e);
		sliderContact.slideOut();
		sliderPresentation.slideOut();
		sliderLink.toggle();
		e.stop();
	});	


	var menu = new Fx.Styles('logo', {duration:1500, wait:false});
	menu.start({
		'top': 150 
	});
	descriptionPanel();
	$$(".itemMenu").each(function(el){
		$(el.id).addEvent('click', function(e){
			e = new Event(e);
			$('mask').setStyle('opacity', '100%');
			sliderContact.slideOut();
			sliderLink.slideOut();
			sliderPresentation.slideOut();
			var url = 'include/process/category.php5?id='+el.getAttribute("rel");
			var req = new Ajax(url, {
				method: 'get',
				evalScripts: true,
				onComplete:updateCategory
			}).request();	
			e.stop();
		});
	});
	function updateCategory(result){
		$('container').setHTML(result);
		widthPanel();
		descriptionPanel();
		mask.start({
			'opacity': 0
		});	
		Lightbox.anchors = []; 
		$A(document.links).each(function(tag){ 
			if(tag.rel && tag.rel.test('^lightbox', 'i')) { 
				tag.onclick = this.click.pass(tag, this); 
				this.anchors.push(tag); 
			} 
		}, Lightbox); 
	}
	$('formContact').addEvent('submit', function(e) {
		new Event(e).stop();
		var log = $('loader').empty().addClass('loading');
		this.send({
			onComplete: function(result) {
				log.removeClass('loading');
				var objects = Json.evaluate(result);
				if (objects[0]){
					$('addressForm').setHTML(objects[1]);	
				}else{
					$('loader').setHTML(objects[1]);
				}
			}
		});		
	});
});