// JavaScript Document
window.addEvent('domready', function(){	
	var menuitems = $$('#subnav-container ul li');
	// scroll
	if (menuitems[0]) {
		var maxscroll = 126*menuitems.length-900;
		//var maxscroll = (menuitems[0].getSize().size.x)*menuitems.length-$('subnav-container').getSize().size.x;
		//
		var periodical;
		// scroll right
		var scrollRight = function() {
			var xitems = $('subnav-container').getSize().scroll.x;	
			xitems+=5;
			if (xitems <= maxscroll) {
				$('subnav-container').scrollTo(xitems, 0);
			}
		}
		if ($('arrowright')) {
			$('arrowright').addEvent('mouseover', function(event){
				scrollRight();
				periodical = scrollRight.periodical(15);
			});
			$('arrowright').addEvent('mouseout', function(event){
				$clear(periodical);
			}); 
		}
		// scroll left
		var scrollLeft = function() {	
			var xitems = $('subnav-container').getSize().scroll.x;	
			xitems-=5;
			$('subnav-container').scrollTo(xitems, 0);
		}
		
		if ($('arrowleft')) {
			$('arrowleft').addEvent('mouseover', function(event){
				scrollLeft();
				periodical = scrollLeft.periodical(15);
			});
			$('arrowleft').addEvent('mouseout', function(event){
				$clear(periodical);
			});
		}
	}
});