window.addEvent('domready', function(){
	var offset = 189;
	var counter = 1;
	var box = $("box1");
	var box_td = $$("#box1 table tr td").length;
	width = box_td*offset
	box.setStyle('width',width + 'px');
	var maxNext = box_td-2;
	var maxPrev = 1;
	
		$('next1').addEvent('click', function(){
			if(counter < maxNext){
				var margin = box.getStyle('margin-left').toInt();
				if(margin%offset==0){
					counter++;
					if(maxNext <= counter){$('next1').addClass('passL')}else{$('next1').removeClass('passL')};
					if(counter <= maxPrev){$('prev1').addClass('pass')}else{$('prev1').removeClass('pass')};
					var marginLeft = margin - offset;
					box.set('morph', {duration: 'short', transition: 'sine:in'});
					box.morph({'margin-left': marginLeft + 'px'});
				}
			}
		});
	
	
		$('prev1').addEvent('click', function(){
			if(maxPrev < counter){
				var margin = box.getStyle('margin-left').toInt();
				if(margin%offset==0){
					counter--;
					if(maxNext <= counter){$('next1').addClass('passL')}else{$('next1').removeClass('passL')};
					if(counter <= maxPrev){$('prev1').addClass('pass')}else{$('prev1').removeClass('pass')};
					var marginLeft = margin + offset;
					box.set('morph', {duration: 'short', transition: 'sine:in'});
					box.morph({'margin-left': marginLeft + 'px'});
				}
			}
		});
	
});