var screenmode = 0;
var screenContent =0;
var selectedmenu = -1;
var rollto = 0;
var menumode = 0;

function resizeWindow()
{
	var windowHeight = $(window).height();
	var windowWidth  = $(window).width();


	var remain = windowHeight - 200;
	if(remain >= 755)
		rollto = 0;
	else
		rollto = 755 - remain;

	var screenContent = 711 - rollto;

    $('#Logo').css("top", (windowHeight / 2) - 60 + 'px');
    $('#Background').css("height", windowHeight + 'px');

	$('#ScreenContent').css("height", screenContent  + 'px');
	$('#ScreenContentWindow').css("height", screenContent - 55  + 'px');
	$('#ScreenContent').css("marginTop", rollto + 'px');
	$('div.ContentBackground').css("height", screenContent + 'px');
	$('div.ContentBackground h2').css("marginTop", screenContent - 55 + 'px');
	$('#ScrollerArrowsDown').css("marginTop", screenContent - 165  + 'px');

	if (screenmode==0)
		$('#Screen').css("top",  -755 + 'px');
	else
		$('#Screen').css("top",  -rollto + 'px');
}

function screenroll(menuitem)
{
	if(menumode == 0) //wiedz, że coś się dzieje
	{
		menumode = 1;
		$("#Menu").stop(true, true).animate({ left: '-1000px' }, 1000, 'swing');
		if(screenmode == 0) // jest schowany
		{
			$("div.ContentText").hide(); /* Justin Case*/
			$("div.ContentBackground").hide();

			$("#ContentText_" + menuitem).show();
			$("#ContentBackground_" + menuitem).show();

			$("#Screen").stop(true, true).animate({ top: -rollto }, 2000, 'swing', function()
				{
					$("#ScreenContentWrapper").fadeIn(1000);
					$('#Background img').fadeIn(2000, function() { menumode = 0; $("#Menu").stop(true, true).animate({ left: '0px'}, 1000, 'swing' ); });
				});
			screenmode = 1;


		} else //jest wysunięty
		{
			if(menuitem == selectedmenu) //kliknięty to samo
			{
				$("#ScreenContentWrapper").fadeOut(500, function()
				{
					$("#Screen").stop(true, true).animate({ top: -755 + 'px' }, 2000, 'swing', function (){$('#Background img').fadeOut(2000, function() { menumode = 0; $("#Menu").stop(true, true).animate({ left: '0px' }, 1000, 'swing'); });});

				});

				screenmode = 0;
			} else
			{
				$("#ScreenContentWrapper").fadeOut(500, function () {
					$("div.ContentText").hide();
					$("div.ContentBackground").hide();
					$("#ScreenContentWindow").css("scrollTop", "0");
					$("#ContentText_" + menuitem).show();
					$("#ContentBackground_" + menuitem).show();
					$("#ScreenContentWrapper").fadeIn(1000, function() { menumode = 0; $("#Menu").stop(true, true).animate({ left: '0px'}, 1000, 'swing' ); });
				});
			}
		}
		selectedmenu = menuitem;
	}
}

$(document).ready(function()
{
	var resizeTimer = null;

	resizeWindow();

	jQuery.preLoadImages("./img/onas_background.jpg", "./img/faq_background.jpg", "./img/rady_background.jpg", "./img/etapy_background.jpg", "./img/kontakt_background.jpg");

	$(window).bind('resize', function() {
    	if (resizeTimer) clearTimeout(resizeTimer);
	    resizeTimer = setTimeout(resizeWindow, 100);
	});

	$(".SlideMenu").click(function()
	{
		var id = $(this).attr("ID");
		var splitted = id.split("_");

		screenroll(splitted[1]);
	});

	$("#ScreenContentWindow").mousewheel(function(event, delta) {
		this.scrollTop -= (delta * 50);
		event.preventDefault();
	});


	$("#ScrollerArrowsDown").click(function() {
		var st = $("#ScreenContentWindow").scrollTop() + 250;
		$("#ScreenContentWindow").stop(true, true).animate({ scrollTop: st }, 400, 'swing');

	});

	$("#ScrollerArrowsUp").click(function() {
		var st = $("#ScreenContentWindow").scrollTop() - 250;
		$("#ScreenContentWindow").stop(true, true).animate({ scrollTop: st }, 400, 'swing');

	});
   $("#Menu").stop(true, true).animate({ left: '0px' }, 2500, 'swing');
});