//  JavaScript Document
//  author saturnino 2008
/// http://www.saturnino-freelance.com


// Carousel
var Carousel = new Class({
// inspired by http://tutorialdog.com/icon_carousel/

    options: {
		slides:10,
		pos:0,
		offset:340,		// HOW MUCH TO MOVE
		currentslide:1,	// Change This
		container:'',
		wrapper:'',
		items:'',
		idPrevious: "moveleft",
		idNext: "moveright",
		thumbs : 4
		
    },
	initialize: function(options){
		this.setOptions(options);
		this.container = options.container;		
		this.items = this.container.getElement('.items');
		this.options.items = this.items;
		this.wrapper = this.options.wrapper;
		this.fx = new Fx.Morph(this.items, {duration: 800, transition: Fx.Transitions.linear});
		var total = this.options.items.getElements('li');
		
		var cpt = 0;
		this.wrapper.getElements('li').each(function(item,i){ 
			cpt++;
		}.bind(this));
		this.options.slides = (cpt % this.options.thumbs == 0)? cpt/this.options.thumbs : Math.floor(cpt/this.options.thumbs)+1;

		this.start(this.options);	        
    },
	start: function(options){
		var scroll = new Fx.Scroll(this.wrapper, {
			offset:{'x':0, 'y':0}, 
			transition: Fx.Transitions.Back.easeOut,
			duration: 2000
		});
		
		this.container.getElement('.moveleft').addEvent('click', function(event) {
			event = new Event(event).stop();
			if(options.currentslide == 1) return;
			options.currentslide--;																		
			options.pos += -(options.offset);
			scroll.start(options.pos);			
		}.bind(this));
		
		this.container.getElement('.moveright').addEvent('click', function(event) { 
			event = new Event(event).stop();			
			if(options.currentslide >= options.slides) return;
			options.currentslide++;
			options.pos += options.offset;			
			scroll.start(options.pos);	
		}.bind(this));
		scroll.toLeft();
	}
});
Carousel.implement(new Options, new Events);

// menu
subMenusContainerSlides = [];
currentSubMenu = -1;
prevSubMenu = -1;
var myTimer;

function showSubMenu(item,index)
{	
	var arr = item.getProperty('id').split('list_cat_');
	var el  = subMenusContainerSlides[index];	
	
	if(currentSubMenu != index)
	{		
		hideAllSubMenus();	
		currentSubMenu = index;
		$('top_nav_container').setStyles({'height':'34px'});
		item.setStyles({'background-color':'#3C3C3C'});
		el.setStyles({'display':'block'});
		myTimer = hideAllSubMenus.delay(5000);
	}		
}

function hideAllSubMenus()
{	
	myTimer = $clear(myTimer);	
	currentSubMenu = -1;
	for(i = 0; i< subMenusContainerSlides.length; i++)
	{		
		if( subMenusContainerSlides[i] != false)
		{
			subMenusContainerSlides[i].setStyles({'display':'none'});
		}		
	}	
	$('top_nav_container').setStyles({'height':'55px'});
	$('top_nav').getElements('li').each(function(item,i){ 
		item.setStyles({'background-color':'transparent'});					 
	}.bind(this));
	
}
function initMenu()
{
	$('top_nav_container').setStyles({'height':'55px'});
	$('top_nav').getElements('li').each(function(item,i){ 
		
		if(item.getProperty('id') != null)
		{			
			var arr = item.getProperty('id').split('list_cat_');
			if($('top_nav_sub_container_'+arr[1])){
				var el  = $('top_nav_sub_container_'+arr[1]);
			}
			
			
			item.addEvent('mouseover', function(event) { 	
				if(el){
					showSubMenu(item,i);
				}else{
					hideAllSubMenus();
				}
			}.bind(this));
			
			
			if(el){
				el.addEvent('mouseover', function(event) { 				
					myTimer = $clear(myTimer);
				}.bind(this));
				
				el.addEvent('mouseout', function(event) { 	
					myTimer = $clear(myTimer);	
					myTimer = hideAllSubMenus.delay(5000);
				}.bind(this));
				
				subMenusContainerSlides[i] = el;
			}else{
				subMenusContainerSlides[i] = false;
			}
			
		}else{
			subMenusContainerSlides[i] = false;
			item.addEvent('mouseover', function(event) { 				
				hideAllSubMenus();
			}.bind(this));		
		}
	}.bind(this));
	
}


//initialisation au chargement de la page
window.addEvent('domready', function() {
		
		if($('carousel_0'))
		new Carousel({container:$$('.news_box_left'),wrapper:$('carousel_0')});
		if($('carousel_1'))
		new Carousel({container:$$('.news_box_right'),wrapper:$('carousel_1')});
		
		initMenu();
		
	
});