function myclock() {
	ndata = new Date();
	hours = ndata.getHours();
	mins = ndata.getMinutes();
	if (hours < 10) {hours = '0'+hours }
	if (mins < 10) {mins = '0'+mins }
	$('span#curtime').html(hours+':'+mins);
	setTimeout('myclock()', 1000);
}


$(function() {

	myclock();

	var maincont = $('div#screen_cont'),
		screens_cont = $('div#screens', maincont),
		screens = $('div.screen', screens_cont),
		itemsOnPage = 5,
		curScreen = 1,
		screenHeight = 150,
		kkk = 1;

	screens.each(function() {

		var div = $(this),
			slideshow = $("div.slideshow", div),
			ul = $("ul", slideshow),
			li = $("li", ul),
			itemLength = li.size();

		if (kkk==2) {
			$('#button'+kkk).after(' ('+itemLength+')');
		} else if (kkk==3) {
			$('#button'+kkk).after(' ('+itemLength+')');
		}

		kkk++;

	});


	if (maincont.css("display") != "none") {
		scrollInit();
	}


	function showScreen(toScreen) {
		if (curScreen != toScreen) {

			curScreen = toScreen;
			running = true;

			screens_cont.animate(
				{ top: -(toScreen-1)*screenHeight },
				200,
				null,
				function() {
					running = false;
				}
			);

		}
	}


	function scrollInit() {
		screens.each(function() {

			var div = $(this),
				slideshow = $("div.slideshow", div),
				ul = $("ul", slideshow),
				li = $("li", ul),
				next = $(".next", div),
				prev = $(".prev", div),
				itemLength = li.size(),
				itemPos = 0,
				itemWidth = slideshow.width()/itemsOnPage,
				running = false;


			ResizeItems();
			hideButtons();

			function ResizeItems() {
				itemWidth = slideshow.width()/itemsOnPage;
				li.css("width",itemWidth);
				ul.css("left",-itemWidth*itemPos);
				ul.css("visibility","visible");
			}


			$(window).resize(function(){
				ResizeItems();
			});


			function go() {
				running = true;

				ul.animate(
					{ left: -itemWidth*itemPos },
					200,
					null,
					function() {
						running = false;
					}
				);

				hideButtons();

	        }


			function hideButtons() {

				if ((itemLength - itemsOnPage) == itemPos) {
					next.addClass("disabled");
				} else {
					next.removeClass("disabled");
				}

				if (0 == itemPos) {
					prev.addClass("disabled");
				} else {
					prev.removeClass("disabled");
				}

				if (itemLength <= itemsOnPage) {
					prev.addClass("disabled");
					next.addClass("disabled");
				}

			}


			next.click(function(){
				if (((itemLength - itemsOnPage) > itemPos)&&!running) {
					itemPos++;
					go();
				}
				return false;
			});

			prev.click(function(){
				if ((0 < itemPos)&&!running) {
					itemPos--;
					go();
				}
				return false;
			});

		});
	}


	function visibleCheck() {
		if (maincont.css("display") != "block") {
			maincont.slideDown(500);
			$("#menu_line").removeClass("scrccc");
			scrollInit();
		}
	}


	function hideScroll() {

		if (maincont.css("display") == "block") {
			maincont.slideUp(500);
			$("#menu_line").addClass("scrccc");
		}

		$('#menu_line').removeClass('line_grey').removeClass('line_black').removeClass('line_blue');
		$('.menu_top2').removeClass('actmenu');
		$('.menu_top3').removeClass('actmenu');
		$('.menu_top1').removeClass('actmenu');

	}


	$("#button1").click(function(){

		if ($('#menu_line').attr('class') != 'line_blue') {

			visibleCheck();

			$('#menu_line').removeClass('line_grey').removeClass('line_black').addClass('line_blue');
			$('.menu_top2').removeClass('actmenu');
			$('.menu_top3').removeClass('actmenu');
			$('.menu_top1').addClass('actmenu');

			showScreen(1);
		} else {
			hideScroll();
		}

		return false;

	});


	$("#button2").click(function(){

		if ($('#menu_line').attr('class') != 'line_black') {

			visibleCheck();

			$('#menu_line').removeClass('line_blue').removeClass('line_grey').addClass('line_black');
			$('.menu_top1').removeClass('actmenu');
			$('.menu_top3').removeClass('actmenu');
			$('.menu_top2').addClass('actmenu');

			showScreen(2);
		} else {
			hideScroll();
		}

		return false;

	});


	$("#button3").click(function(){

		if ($('#menu_line').attr('class') != 'line_grey') {

			visibleCheck();

			$('#menu_line').removeClass('line_blue').removeClass('line_black').addClass('line_grey');
			$('.menu_top1').removeClass('actmenu');
			$('.menu_top2').removeClass('actmenu');
			$('.menu_top3').addClass('actmenu');

			showScreen(3);

		} else {
			hideScroll();
		}

		return false;

	});


});