$(function(){
	$('#topLevelListItem').mouseover(function(){
		//alert('Witaj');
		$('#sub_oferta').css('display', 'block');
		setPosition();
		
		//$('#sub_oferta').css('margin-left', '-200px');
	}).mouseout(function(){
		$('#sub_oferta').css('display', 'none');
	});
});

function setPosition() {
	
	
	
	var itemWidth = 0;
	var subItem = document.getElementById("sub_oferta");
	var parentItem = document.getElementById("mainAnchor_oferta");
	
	itemWidth = $(subItem).outerWidth();
	
	var parentOffset = $(parentItem).offset();
	var parentOffsetLeft = parentOffset.left;
	var parentOffsetTop = parentOffset.top;
	var yFinal = parentOffsetTop + $(parentItem).outerHeight();
	var xOuter = parentOffsetLeft + parentItem.offsetWidth;
	
	var xOffset = xOuter - itemWidth;
	
	//$('#sub_oferta').css('left', xOffset+'px');
	$('#sub_oferta').css('top', yFinal+'px');
	
	//alert(xOffset);
	
	
	
	
	/*
	jQuery.swap(jQuery(subItem)[0], TEMP_VIS_PROPS, function(){
	     itemWidth = jQuery(subItem).outerWidth();
	});
	var parentOffset = jQuery(parentItem).offset();
	var parentOffsetLeft = parentOffset.left;
	var parentOffsetTop = parentOffset.top;
	var yFinal = parentOffsetTop + jQuery(parentItem).outerHeight();
	var xOuter = parentOffsetLeft + parentItem.offsetWidth;
	*/
	/*
	if(topLevelItems.index(key) > OPEN_RIGHT) {
		var xOffset = xOuter - itemWidth + SHADOW_WIDTH;
		Element.setStyle(subItem,{
			'left': xOffset+'px',
			'top': yFinal+'px'
		});
	} else {
		var xOffset = parentOffsetLeft - SHADOW_WIDTH;
		Element.setStyle(subItem,{
			'left' : xOffset+'px',
			'top': yFinal+'px'
		});
		
	}
	*/
}