var stoppedslider = false;
var slidespeed = 900;
var timenextslide = 5000;
$().ready(function() {
	
	//start Slider 1
	$('#slider').cycle({  
        fx: 'scrollHorz',
        speed:  slidespeed, 
        timeout: timenextslide,
        pager:  '#slidernav',
        pagerAnchorBuilder: function(index, el) { 
            // return selector string for existing anchor  
            return '<a href="#">&nbsp;&nbsp;&nbsp;</a>'; // whatever markup you want 
        },
        pagerClick: function() {
            stoppedslider = true;
        },     
        after:     function(curr,next,opts) { // use args to access internals of cycle
            if(stoppedslider){
                $('#slider2').cycle('pause'); 
                $('#slider').cycle('pause'); 
            }else{  
                $('#slider').cycle('pause'); 
                $('#slider2').cycle('resume'); 
            }					
        }   
    });

	//start Slider 2
    $('#slider2').cycle({ 
        fx: 'scrollHorz',
        speed:  slidespeed, 
        timeout:timenextslide,
        pager:  '#slider2nav',
        pagerAnchorBuilder: function(index, el) { 
            // return selector string for existing anchor 
            $('#slider2').cycle('pause'); 
            return '<a href="#">&nbsp;&nbsp;&nbsp;</a>'; // whatever markup you want 
        }, 
        pagerClick: function() {
            stoppedslider = true;
        },      
        after: function(curr,next,opts) {   
          if(stoppedslider){
             $('#slider2').cycle('pause'); 
             $('#slider').cycle('pause'); 
           }else{
            $('#slider2').cycle('pause'); 
            $('#slider').cycle('resume'); 
           }
        }
    });
    
   	$('#slider2').cycle('pause');       
	      
        $('.thumbs a').click(function(){
            var thumbIndex = $('.thumbs a').index(this);
            slider.goToSlide(thumbIndex);
            $('.thumbs a').removeClass('pager-active');
            $(this).addClass('pager-active');
            return false;
        });
        
        $('.thumbs a:first').addClass('pager-active');		
});