/***************/
/** VARIABLES **/
/***************/
var nS8;
var pos=Math.round(Math.random()*2000);;
var index=0;
var i=0;
var page=0;
var Scroll_news;
var Scroll_biographie;
var Scroll_discographie;
var Scroll_tour;
var Scroll_photos;
var Scroll_videos;
var Scroll_booking;
var Scroll_contact;

/**************/
/** CREATION **/
/**************/
window.addEvent('domready',function(){
	
	//SLIDER DES PAGES
	var size = $('skin_droite').getSize();
	height=size.y-95;
	width=size.x;
	$('skin_zone_texte').style.height=height+'px';
	$('skin_zone_texte').style.width=width+'px';
	$$('.bloc_slide').each(function(el){
		el.setStyle('width', width);
		el.setStyle('height',height);
	});
	$$('.scrollBarContainer').each(function(el){
		el.setStyle('height',(height-85));
	});
	
	nS8 = new noobSlide({
		box: $('zone_slide'),
		items: $$('li.menu_slide'),
		size: width,
		handles: $$('li.menu_slide'),
		onWalk: function(currentItem,currentHandle){
			this.handles.removeClass('actif');
			$$('div.zone_texte_titre').set('html',currentItem.getFirst().innerHTML); 
			currentHandle.addClass('actif');
			var size_gauche = $('skin_droite').getSize();
			if(i!=0)
			{
				if(this.currentIndex > index)
					pos-=Math.round(200+(Math.random()*(1500-(size_gauche.x/2))));
				else
					pos+=Math.round(200+(Math.random()*(1500-(size_gauche.x/2))));
				$('skin_gauche').morph({'background-position': ''+pos+'px 0px'});
			}
			else
			{
				$('skin_gauche').style.backgroundPosition=''+pos+'px 0px';
				i=1;
			}
			index=this.currentIndex;
		}
	});
	page=document.form_slide.slide.value;
	nS8.walk(page,false,true);
	
	
	//SCROLLER DES PAGES
	Scroll_news = new MooScroller($E('div.slide_news'), $E('div.slide_news div.scrollKnob'),{scrollSteps:35});
	Scroll_biographie = new MooScroller($E('div.slide_biographie'), $E('div.slide_biographie div.scrollKnob'),{scrollSteps:35});
	Scroll_discographie = new MooScroller($E('div.slide_discographie'), $E('div.slide_discographie div.scrollKnob'),{scrollSteps:35});
	Scroll_tour = new MooScroller($E('div.slide_tour'), $E('div.slide_tour div.scrollKnob'),{scrollSteps:35});
	Scroll_photos = new MooScroller($E('div.slide_photos'), $E('div.slide_photos div.scrollKnob'),{scrollSteps:35});
	Scroll_videos = new MooScroller($E('div.slide_videos'), $E('div.slide_videos div.scrollKnob'),{scrollSteps:35});
	Scroll_booking = new MooScroller($E('div.slide_booking'), $E('div.slide_booking div.scrollKnob'),{scrollSteps:35});
	Scroll_contact = new MooScroller($E('div.slide_contact'), $E('div.slide_contact div.scrollKnob'),{scrollSteps:35});
	
	//SLIDESHOW
	mySlideShow= new SimpleImageSlideShow($('album_accueil'), {
		  startIndex: 0,
		  slides: $$('div#album_accueil img')
	});
	setInterval ("mySlideShow.forward();",3500);
});


/*****************/
/** REDIMENSION **/
/*****************/
window.addEvent('resize', function() {

	//SLIDER DES PAGES
	var size = $('skin_droite').getSize();
	height=size.y-95;
	width=size.x;
	$('skin_zone_texte').style.height=height+'px';
	$('skin_zone_texte').style.width=width+'px';
	$$('.bloc_slide').each(function(el){
		el.setStyle('width', width);
		el.setStyle('height',height);
 	});
	$$('.scrollBarContainer').each(function(el){
		el.setStyle('height',(height-85));
	});
	$('zone_slide').style.width=(width*8)+'px';
	nS8.size=width;
	$('zone_slide').style.left='-'+(nS8.currentIndex*width)+'px';

	//SCROLLER DES PAGES
	Scroll_news.update();
	Scroll_biographie.update();
	Scroll_discographie.update();
	Scroll_tour.update();
	Scroll_photos.update();
	Scroll_videos.update();
	Scroll_booking.update();
	Scroll_contact.update();
});
		
function ShowPopup(element,fermer)
{
	var myWin = new StickyWin.Modal
	({
		showNow: false,
		fade: true,
		fadeDuration: 100,
		destroyOnClose: true,
		maskOptions: 	{
							style: {
								'z-index':'100',
						'opacity':.5,
						'background-color':'#000000'
					}
				}
	});
	myWin.setContent('<div><a href="javascript:void(0);" class="closeSticky close">x '+fermer+'</a><div class="iframe_popup"><table height="560" width="830" border="0" cellpadding="0" cellspaccing="0" valign="center"><tr><td align="center">'+element+'</td></tr></table></div></div>');
	myWin.show();
	myWin.pin();
}