/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 


var logo_blocks = {
	'career': {
		'width': 283,
		'height': 50,
		'text': '<img src="img/bottom_logos/akziacareer.gif" /><br />«Акция.Карьера» — издание №1 для коммуникаций с молодыми карьеристами и hr-брендинга.'
	},
	'dreamemployers': {
		'width': 283,
		'height': 148,
		'text': '<img src="img/bottom_logos/dreamemployers.gif" /><br />"50 работодателей мечты для молодых специалистов" - справедливый и объективный рейтинг, который призван выявить и оценить наиболее привлекательные и достойные компании-работодатели для студентов, выпускников и молодых специалистов (с опытом работы не более 2-х лет).'
	},
	'akzia.mob': {
		'width': 283,
		'height': 60,
		'text': '<img src="img/bottom_logos/akziamob.gif" /><br />«Акция.Моб» — газета, посвящённая беспроводной связи, мобильным устройствам и умным мобильным сервисам.'
	},
	'gorodovoy': {
		'width': 350,
		'height': 131,
		'text': '<img src="img/bottom_logos/gorodovoi.gif" /><br />Группа изданий под торговой маркой «Городовой. Журналы и путеводители» — журналы карманного формата (формата открытки), выходят тематическими сериями — «Успешный Городовой», «Мобильный Городовой», «Доходный Городовой», «Авто Городовой» и др. Журнал каждой серии дружелюбен к читателю и утилитарен — содержит и интересную и полезную информацию. Неотъемлемой частью журнала являются купоны со скидками, телефоны и адреса, справочные карты.'
	},
	'online': {
		'width': 380,
		'height': 141,
		'text': '<img src="img/bottom_logos/akziaonline.gif" /><br />«Акция.Online» – первый независимый общественный медиа-канал. Читатели – читателям, Пользователи – пользователям, Люди – людям. Средство массовой информации, основанное на неограниченном количестве источников информации, мнений и авторов. Все пользователи являются одновременно и читателями и теми, кто создаёт информацию – от новости или комментария, до расследования, видео-, аудио- или фоторепортажа.'
	},
	'bluetooth': {
		'width': 283,
		'height': 129,
		'text': '<img src="img/bottom_logos/akziabluetooth.gif" /><br />Новый медиаканал – cеть bluetooth-передатчиков «Акция», который позволит рекламодателям проникать в мобильные телефоны молодых людей в виде видео- и аудио- роликов, игр, приложений, флаеров, купонов и др.'
	},
	'kollekzioner': {
		'width': 320,
		'height': 125,
		'text': '<img src="img/bottom_logos/kollectioner.gif" /><br />Дистрибутивный сервис ИРК «КОLLЕКЦИОНЕР» – это уникальная сеть, премиальная выкладка и высокое качество распространения корпоративных изданий в более чем в 400-х известных и посещаемых местах (кафе, кофейни, кинотеатры, вузы, развлекательные и торговые центры, салоны связи). Уникальная запатентованная конструкция стоек позволяет осуществлять распространение изданий четырех форматов: А3, А4, А5, А6.'
	},
	'newspaper': {
		'width': 300,
		'height': 141,
		'text': '<img src="img/bottom_logos/akzianewspaper.gif" /><br />«Акция» — общероссийская газета для молодых людей в возрасте от 18 до 30 лет. «Акция» — издание «общего содержания» (general interest). Пишет про жизнь, людей, политику, общество, экономику, рекламу, науку, технологии, образование, карьеру, культуру, развлечения и спорт.'
	},
	'entertainment': {
		'width': 283,
		'height': 86,
		'text': '<img src="img/bottom_logos/entertainment.gif" /><br />Журнал «Entertainment» — первый качественный глянец, который достается молодым читателям бесплатно. «Entertainment» — навигатор для современных молодых людей, который знает, что, когда, где, как и почему носить, смотреть, слушать, есть, пить, бывать, выбирать...'
	},
	'mobile': {
		'width': 370,
		'height': 165,
		'text': '<img src="img/bottom_logos/akziamobileworld.gif" /><br />Мобильный мир «Акция» – это одновременно: первая и единственная в России мобильная социальная сеть, мобильный интернет-браузер, универсальный почтовый клиент, мультимессенджер, мобильный медиа-киоск, мобильная платежная и дисконтная система, мобильный цифровой гипермаркет, мобильная служба знакомств и многое другое. Другими словами это мобильный мир, открывающий из одного места доступ в мир мгновенного удовлетворения потребностей в любом месте в любое время.'
	}
};




this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	jQuery("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		jQuery("body").append("<p id='tooltip'>"+ this.t +"</p>");
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		jQuery("#tooltip").remove();
    });	
	jQuery("a.tooltip").mousemove(function(e){
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
	
	
	jQuery("a.tooltip2").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		jQuery("body").append("<p id='tooltip2'>"+ this.t +"</p>");
		jQuery("#tooltip2")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		jQuery("#tooltip2").remove();
    });	
	jQuery("a.tooltip2").mousemove(function(e){
		jQuery("#tooltip2")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
	
	
	
	jQuery( 'img.bottom_logo' ).hover( function( e ) {
		var t = this.title;
		
		var id = this.id;
		var offset = jQuery( '#' + id.toString( ) ).offset( );
		
//		var offset = this.getCoordinates( );
		
		var left = offset.left;
		var top = offset.top;
		var width = jQuery( '#' + id.toString( ) ).width( );
//		alert( 'left: ' + left.toString( ) + ' top: ' + top.toString( ) + ' width: ' + width.toString( ) );
		
		jQuery( 'body' ).append( '<div id="bottom_logo_block">' + logo_blocks[ t ][ 'text' ] + '</div>' );
		jQuery( '#bottom_logo_block' )
//			.css( 'top', ( e.pageY - xOffset ) + 'px' )
//			.css( 'left', ( e.pageX + yOffset ) + 'px' )
			.css( 'top', ( top - logo_blocks[ t ][ 'height' ] - 25 ) + 'px' )
			.css( 'left', ( left + Math.round( ( width - logo_blocks[ t ][ 'width' ] ) / 2 ) ) + 'px' )
			.css( 'width', ( logo_blocks[ t ][ 'width' ] + 'px' ) )
			.css( 'height', ( logo_blocks[ t ][ 'height' ] + 'px' ) )
			.fadeIn( 'fast' );
    },
	function( ) {
		jQuery( '#bottom_logo_block' ).remove( );
    });
	
};



// starting the script on page load
jQuery(document).ready(function(){
	tooltip();
});


function answer(id) {
		document.getElementById('parentId').value = id;
		window.location = ('#form');
}