$(document).ready(function() {
	$('#sequence_1').cycle({
		fx:     'scrollUp',
		speed:  'normal',
	    timeout: 3000,
		pager:  '#nav',
		pause: 1,
		pagerAnchorBuilder: function(idx, slide) {
			// return selector string for existing anchor
			//return '#nav_sequence_1 li:eq(' + idx + ') a';
			
			//var temp = '#nav_sequence_1 div:eq(' + idx + ')';
			//alert(temp);
			
			return '#nav_sequence_1 div:eq(' + idx + ')';
	    }
	});
	//		pagerEvent: 'mouseover',
	
	
	//var sequence_1_clicked = 0; // needed to be declared
	// Here an option - stop this cycle! after displaying selected slide
	$("#nav_sequence_1 div").click(function () { 
		$('#sequence_1').cycle('stop');
    });
	
    
    
    
    // Not used:
    $("#nav_sequence_2 div").click(function () { 
		$('#sequence_2').cycle('pause');
		//sequence_1_clicked = 1;
		
		// Resume sliding after NN miliseconds - timer
		/*
		var sequence_1_temp = function(){
			$("#sequence_1").cycle('resume');
		};
		setTimeout(sequence_1_temp, 10000);
		*/
    });
    
    // Here an another option - stop sliding on HOVER on the buttons!
    /*
    $("#nav_sequence_1 div, #nav_sequence_1").hover(
      function () {
       	$("#sequence_1").cycle('pause');
      },
	  function () {
	  	alert(sequence_1_clicked);
		if( sequence_1_clicked != 1 ) {
			$("#sequence_1").cycle('resume');
		}
	  }
    );
    */
    
});