$(document).ready(function(){
	
	// drop down menu
	$('div.select-producers div.title').toggle(
		function(){
			var elem = $(this).parent().find('ul.drop-down-menu');
			var sizeDoc = $('body').height();
			var posElem = elem.offset();
			var e = posElem.top + elem.height() + 100;
			if (parseInt(sizeDoc) > parseInt(e)) {
				elem.fadeIn();
			} else {
				elem.css({top: '-' + (elem.height() + 25) + 'px'});
				elem.fadeIn();
				$(this).parent().find('div.triangle').removeClass('down').addClass('up');
			}
			
		}, function() {
			var elem = $(this).parent().find('ul.drop-down-menu');
			elem.fadeOut();
			var cssTop = (parseInt(elem.css('top')));
			cssTop = cssTop < 0 ? -cssTop : cssTop;
			elem.css({top: cssTop + 'px'});
		
			if ($(this).parent().find('div.triangle').hasClass('up'))
				$(this).parent().find('div.triangle').removeClass('up').addClass('down');
			
		}
	);

	// tooltip
	var ul = $('ul.items li.image, ul.items li.link');
	var show = true; // триггер
	
	ul.mousemove(function(e){
		createTooltip($(this));
		tooltipPosition(e);
		showTooltip(e);
	}).mouseout(function(){
		show = false;
		$('#tooltip-container').remove();
	}).mousewheel(function(){
		show = false;
		$('#tooltip-container').remove();
	});
	
	function createTooltip(o) {
		show = true;
		var tooltip = o.parent().find('li.items-description').text();
		var tooltipContainer = '<div id="tooltip-container">' + 
									tooltip + 
									'<div id="tooltip-triangle"></div>' +
								'</div>';				
		$('body').append(tooltipContainer);
	}
	
	function showTooltip(e) {
		setTimeout(function(){
			if (show) {
				$('#tooltip-container').fadeIn(300);
			}
		},500);
	}
	
	function tooltipPosition(e)
	{
		var triangle = $('#tooltip-triangle');
		if (e.pageX + 280 < $(window).width()) {
			if (triangle.hasClass('triangle-right'))
				triangle.removeClass('triangle-right');
			triangle.addClass('triangle-left');
			$('#tooltip-container').css({									
				top: e.pageY - 12 + 'px',
				left: e.pageX + 15 + 'px',
			});
		} else if (e.pageX + 280 > $(window).width()) {
			if (triangle.hasClass('triangle-left'))
				triangle.removeClass('triangle-left');
			triangle.addClass('triangle-right');
			$('#tooltip-container').css({
				top: e.pageY - 12 + 'px',
				left: e.pageX - 275 + 'px',
			});
		}
	}
});