$(window).load(function() {
$('#scroller li').css('display','none').css('opacity', '0');
$('#scroller li.active').show().css('opacity', '1');
$('#info li').css('display','none');
$('#info li.active').show();

$('#next').click(function() {
			$activetab = $('.active');
			$nexttab = $('.active').next();
			if ($nexttab.length === 0) {
				$obj1 = $('#scroller').children().first();
				$obj2 = $('#info ul').children().first();
				$nexttab = $([$obj1[0], $obj2[0]]);
			}
			$activetab.animate({
						opacity : 0
					}).css('display', 'none').removeClass('active');
			$nexttab.animate({
						opacity : 1
					}).css('display', 'inline-block').addClass('active');
			return false;
		});

$('#previous').click(function() {
			$activetab = $('.active');
			$previoustab = $('.active').prev();
			if ($previoustab.length === 0) {
				$obj1 = $('#scroller').children().last();
				$obj2 = $('#info ul').children().last();
				$previoustab = $([$obj1[0], $obj2[0]]);
			}
			$activetab.animate({
						opacity : 0
					}).css('display', 'none').removeClass('active');
			$previoustab.animate({
						opacity : 1
					}).css('display', 'inline-block').addClass('active');

			return false;
		});
});