$(document).ready(function() {
		$.localScroll({hash:true, duration: 1200});

		
		//activates and positiones category menu slider
		if ($("#overlay_menu_categories_breakpoint").length > 0) {
			$("#overlay_menu_categories_slider").css("border-color", "#00ff00");
			$("#overlay_menu_categories_slider").css("top", $("#overlay_menu_categories_breakpoint").position().top - 1);
			$("#overlay_menu_categories_slider").css("left", $("#overlay_menu_categories_breakpoint").position().left - 4);
		}
		
		
		/*
		//clickpoints functionality
		if ( jQuery.support.leadingWhitespace) {
			$("body").click(function(e) {
				//alert('s');
				//overlay div offset; complicated counted because IE set #overlay.left to "auto" instead of pixel count offset :-/
				//don't know why does that constant equal 32
				leftShift = parseInt(($(window).width() - $("#overlay").width()) / 2) - 32;
				flitrWidthHalf = parseInt(parseInt($("#overlay_menu_clickpoint_reference").width()) / 2);
				flitrHeightHalf = parseInt(parseInt($("#overlay_menu_clickpoint_reference").height()) / 2);
				
				var x = e.pageX - leftShift - flitrWidthHalf;
				var y = e.pageY - $("html").scrollTop() - parseInt($("#overlay").css("top")) - flitrHeightHalf;

				//document.title = x +', '+ y;
				flitr = '<img src=\"'+appDir+'img\/flitr.png\" alt=\"flitr\" class=\"overlay_menu_clickpoint_element\" style=\"top: '+ y +'px; left: '+ x +'px;\" \/>'
				
				$("#overlay_menu_clickpoint").append(flitr);
				$(".overlay_menu_clickpoint_element:last").fadeOut(35000, function(){
					$(this).remove();
				});
			});
		}
		*/
		
 	
		$(window).scroll(function() {
			sliderTopDefault = -1;//[px]
			
			menuHeight = parseInt($("#overlay_menu_articles").height());
			sliderHeight = parseInt($("#overlay_menu_articles_slider").css("height"));
			contentHeight = $(document).height();
			viewportHeight = $(window).height();
			
			viewportTop = $("html").scrollTop();

			menuYMin = sliderTopDefault;
			menuYMax =  menuHeight - sliderHeight - sliderTopDefault;
			menuYMax =  menuHeight - sliderHeight - 2 * sliderTopDefault + 5;//5 [px] set because of some dispay inaccuracy
			
			contentYMin = 0;
			contentYMax = contentHeight - viewportHeight;
			
			sliderTopPosition = parseInt((viewportTop / contentYMax) * menuYMax + menuYMin) + "px";
			$("#overlay_menu_articles_slider").css("top", sliderTopPosition);
			
			//document.title = sliderTopPosition;
			//$("#overlay_menu_articles_slider").css("top", 20);
			//document.title = $("#overlay_menu_articles_slider").css("top");
		});
		
		
		$("input").blur(function () {
				if ($("#form_search_string").val() == "") {
					$("#form_search_string").val(searchVal);
				}
			});
			
		
		$("#form_search_string").focus(function() {
				if ($("#form_search_string").val() == searchVal) {
					$("#form_search_string").val("");
				}
			});
		
		
		function search() {
			$.post(appDir+"search.php", { string: $("#form_search_string").val(), language: language },
				function(data) {
					$("#overlay_search_results").html(data);
					
					$("#overlay_search_results a").click(function() {
						$.cookie(cookieName, $("#form_search_string").val());
					});
				});
		}
		
		
		$("#form_search").submit(function() {
				search();
				return false;
			});
		
		
		cookieName = "supro_search_string";
		cookieStored = $.cookie(cookieName);
		if (cookieStored) {
			$("#form_search_string").val($.cookie(cookieName));
			$.cookie(cookieName, null);
			
			search()
		};
			
		var searchVal = "search";
		
		
		//to force the slider to move on page load
		$.scrollTo('-=1px');
		
		
		//$.scrollTo( $('#article'), {speed:2500} );
		
		
 	});