/* 
 * HEAVEN Menu JS
 * @author Przemysław Kapusta
 */

/** Preload photos **/
var backHover = new Image();
backHover.src = '/gfx/menu-light-back.png';
var backHover2 = new Image();
backHover2.src = '/gfx/menu-light-back2.png';

function Menu() {
	var NORMAL_CONTAINER_WIDTH = 980;
	var MAX_CONTAINER_WIDTH = 880;
	
	var DOM_ul = $('.menu-standard');
	
	var ulLeft = Math.round((NORMAL_CONTAINER_WIDTH - MAX_CONTAINER_WIDTH) / 2);
	
	DOM_ul.css('left', ulLeft + 'px');
	
	var DOM_liList = $('.menu-standard li');
	var liListAllWidth = 0;
	DOM_liList.each(function(){
		liListAllWidth += $(this).outerWidth();
	});
	var paddingsWidth = (MAX_CONTAINER_WIDTH - liListAllWidth) / (DOM_liList.length * 2);
	var paddingOffset = 0;
	var paddingOffsetR = 0;
	
	var itemWidth = MAX_CONTAINER_WIDTH / DOM_liList.length;
	
	var backContainer = $('<div></div>').css('position', 'absolute');
	$('#menu-contener').prepend(backContainer);
	
	DOM_liList.each(function(){
		paddingOffset += paddingsWidth;
		$(this).css('marginLeft', Math.round(paddingOffset - paddingOffsetR) + 'px');
		paddingOffsetR += Math.round(paddingOffset - paddingOffsetR) + $(this).outerWidth();
		paddingOffset += $(this).outerWidth() + paddingsWidth;
		$(this).css('marginRight', Math.round(paddingOffset - paddingOffsetR) + 'px');
		paddingOffsetR += Math.round(paddingOffset - paddingOffsetR);
		
		var parentPosition = $(this).parent().position();
		var position = $(this).position();
		
		var backDOM = $('<div></div>').addClass('back')
			.css('position', 'absolute')
			.css('left', Math.round(-47 + parentPosition.left + position.left + paddingsWidth + $(this).outerWidth() / 2) + 'px')
			.css('top', Math.round(-28 + parentPosition.top + position.top + $(this).outerHeight() / 2) + 'px')
			.width(94).height(56);
		backContainer.append(backDOM);
		
		if ($(this).hasClass('active')) {
			
		} else {
			var backDOM_B = $('<div></div>').addClass('backb')
			.css('position', 'absolute')
			.css('left', Math.round(-50 + parentPosition.left + position.left + paddingsWidth + $(this).outerWidth() / 2) + 'px')
			.css('top', Math.round(-25 + parentPosition.top + position.top + $(this).outerHeight() / 2) + 'px')
			.width(100).height(50).css('opacity', 0.4).hide();
			backContainer.append(backDOM_B);
			var DOM_a = $(this).find('a');
			DOM_a.mouseover(function(){
				backDOM.fadeIn(150);
				backDOM_B.fadeIn(80, function(){
					backDOM_B.fadeOut(200);
				});
			}).mouseout(function(){
				backDOM.fadeOut(300);
			});
			backDOM.hide();
		}
	});
	
	var DOM_aList = $('.menu-standard li a');
	DOM_aList.addClass('marked');
	
	
}

DomInitFunctions.push(function(){
	new Menu();
});