//$ = jquery.noconflict();
	
	var ls_curr_slider = [];

	//initial trigger
	jquery(document).ready(function($){

	//$ = jquery.noconflict();	

		ls_trigger_sliders(); 

		/*

		to trigger the slider reload on orientation change.
		work in progress.

		jquery(window).on('resize orientationchange', function() {

			for (var i = 0; i < ls_curr_slider.length; i++) {

				ls_curr_slider[i].reloadslider();

			   //console.log(ls_curr_slider[i]);
			}

		});

		*/
		
	});

	//to load after an ajax
	jquery(document).ajaxsuccess(function($) {

		ls_trigger_sliders(); 
			
	});





	function ls_trigger_sliders() {

		for (var key in lssliderparam) {			

			 var auto = (lssliderparam[key]['auto'] === 'true');
			 var pause = parseint(lssliderparam[key]['pause']);
			 var autohover = (lssliderparam[key]['autohover'] === 'true');
			 var ticker = (lssliderparam[key]['ticker'] === 'true');
			 var tickerhover = (lssliderparam[key]['tickerhover'] === 'true');
			 var usecss = (lssliderparam[key]['usecss'] === 'true');
			 var autocontrols = (lssliderparam[key]['autocontrols'] === 'true');
			 var speed = parseint(lssliderparam[key]['speed']);
			 var slidemargin = parseint(lssliderparam[key]['slidemargin']);
			 var infiniteloop = (lssliderparam[key]['infiniteloop'] === 'true');
			 var pager = (lssliderparam[key]['pager'] === 'true');
			 var controls = (lssliderparam[key]['controls'] === 'true');
			 var slidewidth = parsefloat(lssliderparam[key]['slidewidth']);
			 var minslides = parseint(lssliderparam[key]['minslides']);
			 var maxslides = parseint(lssliderparam[key]['maxslides']);
			 var moveslides = parseint(lssliderparam[key]['moveslides']);
			 var tmode = lssliderparam[key]['mode']; //options: 'horizontal', 'vertical', 'fade'

			 //fix bug of 1 slider only infinite loop not working
			 //another solution could be adding the slidemargin to 
			 //the slidewidth and align the images in the center
			 if(maxslides==1 && ticker==false){
			 	slidemargin = null;
			 }

			 //remove pager space by setting pager to false for ticher
			 if(ticker == true) {
			 	controls = false;
			 }

			 var sliderdiv = jquery(lssliderparam[key]['divid']);
			 //sometimes the div is passed wrong, so we built a temp fix here:
			 //if(sliderdiv==false) {
			 	//sliderdiv = $('.lshowcase-wrap-carousel-1');
			 //}

			 //to improve responsive behaviour we force the limit of 1 slide in small viewports
			 if(maxslides==0) {

			 	var view_width = sliderdiv.parent().width();

			 	if(controls == true ) { view_width = view_width-70; }

				 var slider_real = 2*slidemargin + slidewidth;
				 maxslides = math.floor(view_width/slider_real);

			 }
			  

			sliderdiv.fadein('slow');

		    

		    ls_curr_slider[key] = sliderdiv.bxslider({				
		    auto: auto,		
			pause: pause,
			autohover: autohover,
			ticker: ticker,
			tickerhover: tickerhover,
			usecss: usecss,
			autocontrols: autocontrols,
			mode: tmode, 
			speed: speed,
			slidemargin: slidemargin,
			infiniteloop: infiniteloop,
		    pager: pager, 
			controls: controls,
		    slidewidth: slidewidth,
		    minslides: minslides,
		    maxslides: maxslides,
		    moveslides: moveslides,
		    autodirection: 'next',
		    onsliderload: function(currentindex){ 

		    	var sl = sliderdiv.parent().parent();		    	

		    		var marg = '0 35px';

		    		if(controls == false ) { marg = 'none'; }

				   sl.css({
						margin: marg
						}); 

				   sl.parent().css({
						maxwidth: sl.width()+80
						}); 
		    	

		    }  		

		
			});

		} 


	}