function onBefore() {
    var thisIndex = $(this).parent().children().index(this);
    $("#nav_sequence_1 div").removeClass("teaser_button_selected");
    $("#nav_sequence_1 div").eq(thisIndex).addClass("teaser_button_selected");
}

$(document).ready(function() {
	/*
	$('#sequence_1').cycle({
	    fx:     'scrollUp',
	    timeout: 3000,
	    delay:  -2000
	});
	*/
	$('#sequence_1').cycle({
   fx:     'scrollUp',
   speed:  'normal',
      timeout: 3000,
   pager:  '#nav',
   before:  onBefore, 
   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 + ')';
      }
  });
  
  // Here an option - stop this cycle! after displaying selected slide
  $("#nav_sequence_1 div").click(function () {
   $("#nav_sequence_1 div").removeClass("button1-selected");
   $(this).addClass("button1-selected");
   $('#sequence_1').cycle('pause');
   
   // 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").hover(
   function () {
    $("#sequence_1").cycle('pause');
   }, 
   function () {
    $("#sequence_1").cycle('resume');
   }
  );		
	
	
	
	// button Overs
	$('.teaser_button').hover(function() {
		$(this).removeClass("teaser_button").addClass("teaser_button_over");
	}, function() {
		$(this).removeClass("teaser_button_over").addClass("teaser_button");
	});
	
});