$(function() {
	
//	$(".add-this-area").append($('<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4bc5db9969ed51c8"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>'));
//	$.getScript("http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bc5db9969ed51c8");
	
	
	$("#main-menu ul > li").mouseover(function() {
		$(this).find(">ul").show();
	})
	$("#main-menu ul ul").mouseout(function() {
		$(this).hide();
	});
	
	var container = null;
	var containerInner = null;
	var elements = [];
	var selectedElement = null;
	var menuBg;
	initInfoBlock();
	autoScrolling = false;
	
	
	
	function initInfoBlock() {
		container = $("<div class='info-block-container'>");
		$(".info-block-area").show();
		containerInner = $("<div class='info-block-container-inner'>");
		container.append(containerInner)
		container.scroll(checkElementMenuItem);
		var divs = $(".info-block-area > div");
		var menuContainer = $("<div class='info-block-menu'><div class='info-block-menu2'><ul></ul></div></div>");
		menuBg = $("<div class='info-block-menu-bg'><div></div></div>");
		menuContainer.append(menuBg);
		var menu = menuContainer.find("ul");
		var shadow = $("<div class='info-block-shadow'>");
		if( divs.size() > 0 ) {
			divs.remove();
			$(".info-block-area").append(container);
			divs.each( function() {
				var element = {};
				
				element.top = 0;
				element.item = $(this);
				element.menuItem = $("<li><span>"+$(this).find("h3").html()+"</span></li>");
				element.idx = elements.length;
				
				containerInner.append(element.item);
				
				menu.append(element.menuItem);
				
				element.menuItem.data("tn-idx",element.idx);
				element.menuItem.click( function() {
					showElement($(this).data("tn-idx"));
				});
				
				elements.push(element);
				element.top = element.item.position().top-50;
			});
			$("#content").append(menuContainer);
			$("#content").append(shadow);
				showElement(0);
		}
	}
	
	function showElement( idx ) {
		if( selectedElement !== idx ) {
			if( selectedElement === null ) {
				elements[idx].menuItem.addClass("selected");
			} else {
				elements[idx].menuItem.addClass("selected");
				elements[selectedElement].menuItem.removeClass("selected");
				autoScrolling = true;
				container.scrollTo( elements[idx].item,800, {
					onAfter : function() { autoScrolling = false; }
				} );
			}
			selectedElement = idx;
			menuBg.css({
						"top":elements[selectedElement].menuItem.position().top-5,
						"height":elements[selectedElement].menuItem.innerHeight()+10
						}
						);
		}
	}
	
	function checkElementMenuItem() {
		if( !autoScrolling ) {
			var top = container.scrollTop();
			var element = null;
			for( var i=0, length=elements.length; i<length ; i++ ) {
				if( elements[i].top<top ) {
					element =  elements[i];
				}
			}
		
			if( selectedElement !== element.idx ) {
				elements[element.idx].menuItem.addClass("selected");
				elements[selectedElement].menuItem.removeClass("selected");
				selectedElement = element.idx;
				
				menuBg.css({
							"top":elements[selectedElement].menuItem.position().top-5,
							"height":elements[selectedElement].menuItem.innerHeight()+10
							}
							);
			}
		}
	}
});