$(document).ready(function(){

    		$("#testZone").slideBox({width: "100%", height: "425px", position: "bottom"});

        var defaultAnchor = 'box1';
    		var currentAnchor;	
    	  $.localScroll.defaults.axis = 'x';
    		$.localScroll({
    			onBefore: function(evt, target, targeted) {
    				currentAnchor = $(target).attr('id');
    			}
    		});
		
		
		    var triggers = jQuery.makeArray($('#scroller a'));
		    jQuery.merge(triggers, $('#container .right'));
		    jQuery.merge(triggers, $('#container .left'));
		    
        $(triggers).bind('click mouseenter', function(evt) {
        	evt.preventDefault();
          var way = $(this).attr('class'); // 'right' or 'left'
        	var next;
        	if (currentAnchor == undefined || currentAnchor == '') {
        	   currentAnchor = defaultAnchor;
        	   if (way == 'right') {
        	     next = $('#' + currentAnchor);
             }
        	} else {
        	   var el = $('#' + currentAnchor);
        	   if (way == 'right') {
        	     next = el.next();
        	   } else {
        	     next = el.prev();
             }
          }

      		if (next != undefined && next.length > 0) {
      			$(window).scrollTo(next, 1000, {axis: 'x'});
      			currentAnchor = next.attr('id');
      		}
        });
		
  });