var GB_ANIMATION = true;
$(document).ready(function(){
	$("a.greybox").click(function(){
		var t = this.title || $(this).text() || this.href;
		GB_show(t,this.href,750,1200);
		return false;
	});
});

//****************************************************************
// Affichage des POPUP 
//****************************************************************

function funcPopup(varUrl, varWidth, varHeight, varResize) {
	var ScreenW = screen.availWidth;
	var ScreenH = screen.availHeight;
	var WinPopUp = window.open(varUrl, 'popup', "toolbar=no, menubar=no, scrollbars=yes, resizable=" + varResize + ", location=no, directories=no, status=no, width=" + varWidth + ", height=" + varHeight);
	WinPopUp.moveTo(Math.round((ScreenW-varWidth)/2), Math.round((ScreenH-varHeight)/2));	
}

window.onload = function () {
			var containerGalleryOne = $('div#GalleryPro');
			var ulGalleryOne = $('ul', containerGalleryOne);
			
			var itemsWidthGalleryOne = ulGalleryOne.innerWidth() - containerGalleryOne.outerWidth();
			
			$('.bgSlide', containerGalleryOne).slider({
				min: 0,
				max: itemsWidthGalleryOne,
				handle: '.handler',
				stop: function (event, ui) {
					ulGalleryOne.animate({'left' : ui.value * -1}, 500);
				},
				slide: function (event, ui) {
					ulGalleryOne.css('left', ui.value * -1);
				}
			});
			
			var containerGalleryTwo = $('div#GalleryPart');
			var ulGalleryTwo = $('ul', containerGalleryTwo);
			
			var itemsWidthGalleryTwo = ulGalleryTwo.innerWidth() - containerGalleryTwo.outerWidth();
			var handler1 = $('div#handler1');
			var handler2 = $('div#handler2');
			var containerHandler1 = $('div#bgSlidePro');
			var containerHandler2 = $('div#bgSlidePar');
			var handlerWidth1 = handler1.innerWidth();
			var handlerWidth2 = handler2.innerWidth();
			var containerHandlerWidth1 = containerHandler1.innerWidth();
			var containerHandlerWidth2 = containerHandler2.innerWidth();
			
			$('.bgSlide', containerGalleryTwo).slider({
				min: 0,
				max: itemsWidthGalleryTwo,
				handle: '.handler',
				stop: function (event, ui) {
					ulGalleryTwo.animate({'left' : ui.value * -1}, 500);
				},
				slide: function (event, ui) {
					ulGalleryTwo.css('left', ui.value * -1);
				}
			});
			
			$('.arrowLeft').click(function(){
				ulGalleryOne.stop().animate({left:'-'+itemsWidthGalleryOne},500);
				handler1.stop().animate({left:'+'+(containerHandlerWidth1-(handlerWidth1))},500);
				
				if(handler1.css('left') == containerHandlerWidth1-(handlerWidth1)+'px')
				{
					ulGalleryOne.stop().animate({left:0},500);
					handler1.stop().animate({left:0},500);
				}
				
			});

			$('.arrowRight').click(function(){
				ulGalleryTwo.stop().animate({left:'-'+itemsWidthGalleryTwo},500);
				handler2.stop().animate({left:'+'+(containerHandlerWidth2-(handlerWidth2))},500);
				
				if(handler2.css('left') >= containerHandlerWidth2-(handlerWidth2)+'px')
				{
					ulGalleryTwo.stop().animate({left:0},500);
					handler2.stop().animate({left:0},500);
				}				
			
			});
				
			/*$('.arrowRight').click(function(){
				ulGalleryOne.stop().animate({left:'-'+itemsWidthGalleryOne},500);
				ulGalleryTwo.stop().animate({left:'-'+itemsWidthGalleryTwo},500);				
				handler1.stop().animate({left:'+'+(itemsWidthGalleryOne-handlerWidth1)},500);
				handler2.stop().animate({left:'+'+(itemsWidthGalleryTwo-handlerWidth2)},500);
				});

			$('.arrowLeft').click(function(){
				ulGalleryOne.stop().animate({left:'+'+itemsWidthGalleryOne-(containerGalleryOne.outerWidth())+10},500);
				ulGalleryTwo.stop().animate({left:'+'+itemsWidthGalleryTwo-(containerGalleryTwo.innerWidth())-49},500);
				handler1.stop().animate({left:0},500);
				handler2.stop().animate({left:0},500);
				
					if(handler1.css('left') == '0px')
					{
						ulGalleryOne.stop().animate({left:'-'+itemsWidthGalleryOne},500);
						ulGalleryTwo.stop().animate({left:'-'+itemsWidthGalleryTwo},500);				
						handler1.stop().animate({left:'+'+(itemsWidthGalleryOne-handlerWidth1)},500);
						handler2.stop().animate({left:'+'+(itemsWidthGalleryTwo-handlerWidth2)},500);
					}
				});*/
		};