// JavaScript Document for http://www.seyartdesign.fr

	/* William Jautée 
		http://www.seyartdesign.fr
	*/


	/* Affichage du sous-menu en dégradé (disparition temporisé d'une seconde, annulement possible si l'évenement mouseover resurvient)*/
var affMenu = function(){
	var menu = this.getParent('li').getElement('ul');
	var menuFx = new Fx.Tween(menu, {duration: 200, link : 'cancel' });
	menu.setStyle('display','block');
	menu.set('opacity',0);
	menuFx.start('opacity',[0,1]);
	var timer;
	this.addEvent('mouseout', declanchetimer);
	menu.addEvent('mouseout',declanchetimer);
	function declanchetimer() {
		$('portfolio').removeEvent('mouseover',affMenu);
		$('portfolio').addEvent('mouseover',arretertimer);
		menu.addEvent('mouseover',arretertimer);
		timer = setInterval(cacheMenu, 500);
	};
	function cacheMenu() {
		arretertimer();
		menuFx.start('opacity',[1,0]);
		//menuFx.onComplete = function(){ menu.setStyle('display','none');};
		//(function(){menu.setStyle('display','none')}.delay(200))
		$('portfolio').addEvent('mouseover',affMenu);
		$('portfolio').removeEvent('mouseout',declanchetimer);
		menu.removeEvent('mouseout',declanchetimer);
	}
	function arretertimer(){
		clearInterval(timer);
		$('portfolio').removeEvent('mouseover',arretertimer);
		menu.removeEvent('mouseover',arretertimer);
	}
}

	/* Effets Thumbnail (affichage en dégradé d'un élément sur le thumbnail) */
var thumbnail = function(elts){
	$$(elts).each(function(elt){
		var effet = new Fx.Tween(elt.getElement('.detailoverlay'),{duration:300,link:'cancel'});
		elt.getElement('.detailoverlay').setStyles({'display':'block','opacity':0});
		elt.addEvents({
			'mouseover': function(ev){
				effet.start('opacity',[0,1]);
			},
			'mouseout': function(){
				effet.start('opacity',[1,0]);
			}
		});				   
	});
	
}

/* A voir */
/*
function linkFade(elts) {
	$$(elts).each(function(elt) {
		var initial = elt.getStyles('color','background-position');
		var class = elt.get('class');
		var id = elt.get('id');
		var hover = elt.clone().removeProperties('id', 'class').setProperties({
    id: id+':hover',
    class: class+':hover'
}).getStyles('color','background-position');
		var effet = new Fx.Morph(elt, {duration: 240, link:'cancel'});
		elt.addEvents({
			'mouseover': function(ev){
				effet.start(hover);
			},
			'mouseout': function(){
				effet.start(initial);
			}
		});
	});
}
*/
/*
function linkFade(elts) {
	$$(elts).each(function(elt) {
		var initial = elt.getStyles('color');
		var effet = new Fx.Morph(elt, {duration: 240, link:'cancel'});
		elt.addEvents({
			'mouseover': function(ev){
				effet.start({color:'#70adab'});
			},
			'mouseout': function(){
				effet.start(initial);
			}
		});
	});
}
*/