$(document).ready(function(){
	
	jQuery("#nextbtn").bind("click",function() {
  	showNext();
	});
													 
	if( $('ul#slideofferte li').length > 0){											 
	
		
		$('ul#slideofferte').bxSlider({		
		mode: 'horizontal',                 // 'horizontal', 'vertical', 'fade'
		infiniteLoop: true,                 // true, false - display first slide after last
		hideControlOnEnd: false,            // true, false - if true, will hide 'next' control on last slide and 'prev' control on first
		controls: false,                     // true, false - previous and next controls
		speed: 500,                         // integer - in ms, duration of time slide transitions will occupy
		easing: 'easeInOutCubic',                    // used with jquery.easing.1.3.js - see http://gsgd.co.uk/sandbox/jquery/easing/ for available options
		pager: true,                        // true / false - display a pager
		pagerSelector: null,                // jQuery selector - element to contain the pager. ex: '#pager'
		pagerType: 'full',                  // 'full', 'short' - if 'full' pager displays 1,2,3... if 'short' pager displays 1 / 4
		pagerLocation: 'bottom',            // 'bottom', 'top' - location of pager
		pagerShortSeparator: '/',           // string - ex: 'of' pager would display 1 of 4
		pagerActiveClass: 'pager-active',   // string - classname attached to the active pager link
		nextText: 'next',                   // string - text displayed for 'next' control
		nextImage: '',                      // string - filepath of image used for 'next' control. ex: 'images/next.jpg'
		nextSelector: null,                 // jQuery selector - element to contain the next control. ex: '#next'
		prevText: 'prev',                   // string - text displayed for 'previous' control
		prevImage: '',                      // string - filepath of image used for 'previous' control. ex: 'images/prev.jpg'
		prevSelector: null,                 // jQuery selector - element to contain the previous control. ex: '#next'
		captions: false,                    // true, false - display image captions (reads the image 'title' tag)
		captionsSelector: null,             // jQuery selector - element to contain the captions. ex: '#captions'
		auto: true,                        // true, false - make slideshow change automatically
		autoDirection: 'next',              // 'next', 'prev' - direction in which auto show will traverse
		autoControls: false,                // true, false - show 'start' and 'stop' controls for auto show
		autoControlsSelector: null,         // jQuery selector - element to contain the auto controls. ex: '#auto-controls'
		autoStart: true,                    // true, false - if false show will wait for 'start' control to activate
		autoHover: true,                   // true, false - if true show will pause on mouseover
		autoDelay: 0,                       // integer - in ms, the amount of time before starting the auto show
		pause: 4000,                        // integer - in ms, the duration between each slide transition
		startText: 'start',                 // string - text displayed for 'start' control
		startImage: '',                     // string - filepath of image used for 'start' control. ex: 'images/start.jpg'
		stopText: 'stop',                   // string - text displayed for 'stop' control
		stopImage: '',                      // string - filepath of image used for 'stop' control. ex: 'images/stop.jpg'
		ticker: false,                      // true, false - continuous motion ticker mode (think news ticker)
											// note: autoControls and autoControlsSelector apply to ticker!
		tickerSpeed: 5000,                  // integer - has an inverse effect on speed. therefore, a value of 10000 will 
											// scroll very slowly while a value of 50 will scroll very quickly.
		tickerDirection: 'next',            // 'next', 'prev' - direction in which ticker show will traverse
		tickerHover: false,                 // true, false - if true ticker will pause on mouseover
		wrapperClass: 'bx-wrapper',         // string - classname attached to the slider wraper
		startingSlide: 0,                   // integer - show will start on specified slide. note: slides are zero based!
		displaySlideQty: 1,                 // integer - number of slides to display at once
		moveSlideQty: 1,                    // integer - number of slides to move at once
		randomStart: false               // true, false - if true show will start on a random slide
	});			
	}
		
		
	if( $('ul.pslider li').length > 0){											 
	
		
		$('ul.pslider').bxSlider({		
		mode: 'horizontal',                 // 'horizontal', 'vertical', 'fade'
		infiniteLoop: true,                 // true, false - display first slide after last
		hideControlOnEnd: false,            // true, false - if true, will hide 'next' control on last slide and 'prev' control on first
		controls: true,                     // true, false - previous and next controls
		speed: 500,                         // integer - in ms, duration of time slide transitions will occupy
		easing: 'easeInOutCubic',                    // used with jquery.easing.1.3.js - see http://gsgd.co.uk/sandbox/jquery/easing/ for available options
		pager: false,                        // true / false - display a pager
		pagerSelector: null,                // jQuery selector - element to contain the pager. ex: '#pager'
		pagerType: 'full',                  // 'full', 'short' - if 'full' pager displays 1,2,3... if 'short' pager displays 1 / 4
		pagerLocation: 'bottom',            // 'bottom', 'top' - location of pager
		pagerShortSeparator: '/',           // string - ex: 'of' pager would display 1 of 4
		pagerActiveClass: 'pager-active',   // string - classname attached to the active pager link
		nextText: 'next',                   // string - text displayed for 'next' control
		nextImage: '',                      // string - filepath of image used for 'next' control. ex: 'images/next.jpg'
		nextSelector: null,                 // jQuery selector - element to contain the next control. ex: '#next'
		prevText: 'prev',                   // string - text displayed for 'previous' control
		prevImage: '',                      // string - filepath of image used for 'previous' control. ex: 'images/prev.jpg'
		prevSelector: null,                 // jQuery selector - element to contain the previous control. ex: '#next'
		captions: false,                    // true, false - display image captions (reads the image 'title' tag)
		captionsSelector: null,             // jQuery selector - element to contain the captions. ex: '#captions'
		auto: false,                        // true, false - make slideshow change automatically
		autoDirection: 'next',              // 'next', 'prev' - direction in which auto show will traverse
		autoControls: false,                // true, false - show 'start' and 'stop' controls for auto show
		autoControlsSelector: null,         // jQuery selector - element to contain the auto controls. ex: '#auto-controls'
		autoStart: true,                    // true, false - if false show will wait for 'start' control to activate
		autoHover: true,                   // true, false - if true show will pause on mouseover
		autoDelay: 0,                       // integer - in ms, the amount of time before starting the auto show
		pause: 4000,                        // integer - in ms, the duration between each slide transition
		startText: 'start',                 // string - text displayed for 'start' control
		startImage: '',                     // string - filepath of image used for 'start' control. ex: 'images/start.jpg'
		stopText: 'stop',                   // string - text displayed for 'stop' control
		stopImage: '',                      // string - filepath of image used for 'stop' control. ex: 'images/stop.jpg'
		ticker: false,                      // true, false - continuous motion ticker mode (think news ticker)
											// note: autoControls and autoControlsSelector apply to ticker!
		tickerSpeed: 5000,                  // integer - has an inverse effect on speed. therefore, a value of 10000 will 
											// scroll very slowly while a value of 50 will scroll very quickly.
		tickerDirection: 'next',            // 'next', 'prev' - direction in which ticker show will traverse
		tickerHover: false,                 // true, false - if true ticker will pause on mouseover
		wrapperClass: 'pslider-wrap',         // string - classname attached to the slider wraper
		startingSlide: 0,                   // integer - show will start on specified slide. note: slides are zero based!
		displaySlideQty: 4,                 // integer - number of slides to display at once
		moveSlideQty: 1,                    // integer - number of slides to move at once
		randomStart: false              // true, false - if true show will start on a random slide
	});			
	}
});

function showNext()
{
	$('#nextbtn').unbind('click');
	ml=  $(".boxpromo-container ul").css('marginLeft').replace("-",'');
	ml= parseInt( ml.replace("px",""));
	w=parseInt($(".boxpromo-container ul").width());

	if((ml+265)>=w)
	{
		$(".boxpromo-container ul").animate({
		 marginLeft: '+='+ml
		}, 500, function(){
						jQuery("#nextbtn").bind("click",function() {
						showNext();
					});
			});
	}
	else
	{
		$(".boxpromo-container ul").animate({
		 marginLeft: '-=265'
		}, 500, function(){
						jQuery("#nextbtn").bind("click",function() {
						showNext();
					});
			});
	}
}