var config = {    
	sensitivity: 3, 		// number = sensitivity threshold (must be 1 or higher)    
	interval: 200, 			// number = milliseconds for onMouseOver polling interval    
	over: function() { 	// function = onMouseOver callback (REQUIRED) 
		var my_tooltip = $('#' + $(this).attr('tooltipId'));
		var tip_header = my_tooltip.find('.tooltipHeader');
		my_tooltip.fadeIn();
		if(!my_tooltip.attr('posFixed')) {
			my_tooltip.css({ top: (my_tooltip.position().top - (tip_header.height() - 45)) + 'px' });
			my_tooltip.attr('posFixed', 'true');
		}
	},   
	timeout: 500, 			// number = milliseconds delay before onMouseOut    
	out: function() { 	// function = onMouseOut callback (REQUIRED)  
		return true;
	}   
};

$(document).ready(function() {
	simple_tooltip("a.title","tooltip");
	$('a.title').hoverIntent( config );
	$('a.title').bind('mouseover', function() {
		$('.tooltip:not(#' + $(this).attr('tooltipId') + ')').fadeOut('fast');
	});
});

function simple_tooltip(target_items, name) {
	$(target_items).each(function(i){
		
		// Build tooltip divs
		$(this).attr('tooltipId', name + i);
		if ($(this).attr('rel') == "kuvaton") {
			$("body").append("<div class='"+name+"' id='"+name+i+"'><div class='tooltipHeaderTop'></div><div class='tooltipClose'></div><div class='tooltipHeader'>"+
			"<h3>"+ $(this).attr('content') +"</h3></div>"+
			"<div class='tooltipContHolder'>"+
			"<div class='tooltipCont' id='tooltipContArrow'>"+$(this).attr('title')+"</div>"+
			"</div><div class='tooltipBottom'></div></div>");		
		}
		else {
			$("body").append("<div class='"+name+"' id='"+name+i+"'><div class='tooltipHeaderTop'></div><div class='tooltipClose'></div><div class='tooltipHeader'>"+
			"<img src='"+ $(this).attr('rel') +"' /></div>"+
			"<div class='tooltipContHolder'>"+
			"<div class='tooltipCont'>"+$(this).attr('title')+"</div>"+
			"</div><div class='tooltipBottom'></div></div>");
		}
		
		// Set tooltip position
		setPosition($(this), $('#' + name + i));
		
		// Remove title-attribute to avoid double popups
		$(this).removeAttr('title');
		
		// Tooltip close button behaviour
		$('.tooltipClose').click (function(){
			$(this).parent().fadeOut('fast');
		})
		
	});
}

function setPosition(call_item, target_item) {
	var browserName = navigator.appName; 
	var p = 0;
	var w = 0;
	var h = 0;
	var offset = $(call_item).offset();
	var position = $('#site').offset();
	//var positionL = $(call_item).position();
	var w = $(call_item).width();
	var siteWidth = $('#site').width();

	if(offset.left - position.left > 470) {
    if (browserName=="Microsoft Internet Explorer")
    	{ $("#" + target_item.attr('id') + " .tooltipCont").css({background: 'url(/extension/nvberner/design/nvberner/images/tooltipArrowMir.gif) no-repeat'});}
    else
    	{ $("#" + target_item.attr('id') + " .tooltipCont").css({background: 'url(/extension/nvberner/design/nvberner/images/tooltipArrowMir.png) no-repeat'});}									
		$("#" + target_item.attr('id') + " .tooltipCont").css({backgroundPosition: '-1px 0px'});
		$(target_item).css({left: (offset.left - 270) + 'px', top: (offset.top - 52) + 'px' });
		$("#" + target_item.attr('id') + " .tooltipHeaderTop").css ({backgroundPosition:'-28px 0px'});
		$("#" + target_item.attr('id') + " .tooltipHeader").css ({backgroundPosition:'-28px'});
		$("#" + target_item.attr('id') + " .tooltipContHolder").css ({backgroundPosition:'-28px'});
		$("#" + target_item.attr('id') + " .tooltipBottom").css ({backgroundPosition:'-28px 0px'});
		$("#" + target_item.attr('id') + " .tooltipClose").css ({right:'30px'});
		$("#" + target_item.attr('id') + " p").css ({padding:'5px 30px 0px 12px'});
		$("#" + target_item.attr('id') + " .tooltipHeader img").css ({marginLeft:'12px'});	
    $("#" + target_item.attr('id') + " .tooltipHeader h3").css ({padding:'5px 75px 0px 10px'});
    $("#" + target_item.attr('id') + " .tooltipHeader h3").css ({marginTop:'0px'});
	}
	else {
		$("#" + target_item.attr('id') + " .tooltipCont").css({background: 'url(/extension/nvberner/design/nvberner/images/tooltipArrow.gif) no-repeat scroll center top'});
		if (browserName=="Microsoft Internet Explorer")
    	{ $("#" + target_item.attr('id') + " .tooltipCont").css({background: 'url(/extension/nvberner/design/nvberner/images/tooltipArrow.gif) no-repeat'});}
    else
    	{ $("#" + target_item.attr('id') + " .tooltipCont").css({background: 'url(/extension/nvberner/design/nvberner/images/tooltipArrow.png) no-repeat'});}									
		$(target_item).css({left: (offset.left + 10 + w) + 'px', top: (offset.top - 52) + 'px' });
		$("#" + target_item.attr('id') + " .tooltipHeaderTop").css ({backgroundPosition:'0px 0px'});
		$("#" + target_item.attr('id') + " .tooltipHeader").css ({backgroundPosition:'0px'});				
		$("#" + target_item.attr('id') + " .tooltipContHolder").css ({backgroundPosition:'0px'});
		$("#" + target_item.attr('id') + " .tooltipBottom").css ({backgroundPosition:'0px 0px'});
		$("#" + target_item.attr('id') + " .tooltipClose").css ({right:'2px'});
		$("#" + target_item.attr('id') + " p").css ({padding:'5px 5px 0px 40px'})		
		$("#" + target_item.attr('id') + " .tooltipHeader img").css ({marginLeft:'40px'});
		$("#" + target_item.attr('id') + " .tooltipHeader h3").css ({padding:'12px 45px 12px 40px'});
    $("#" + target_item.attr('id') + " .tooltipHeader h3").css ({marginTop:'0px'});
	}
}