/* GLOBAL VARIABLES */
var tooltipMotionSpeed = 150;
var tooltipMotionOffset = 5;
var tooltipPositionOffset = 28;

jQuery(document).ready(function(){

	/* LOGO HOVER EFFECT */
	jQuery('h1 a').hover(
      function () {
		jQuery(this).css({backgroundImage:"none"});
		jQuery(this).append('<div></div>');        
		jQuery(this).find('div').stop().fadeIn(400);
		
      }, 
      function () {
        jQuery(this).find('div').stop().fadeOut(200, function() {
            jQuery(this).remove();
        });		
      }
    );

	/* PORTFOLIO TOOLTIP */
	jQuery('div.ngg-galleryoverview a').each(function(){
		var link = jQuery(this);
		var image = link.find('img');
		var illName = jQuery(this).attr('title').split(' - ')[0];
		var illDetails = jQuery(this).attr('title').split(' - ')[1];			

		//init
		//link.attr('title', '');
		image.attr('title', '');

		//generate tooltip
		link.append('<span class="tooltip"><span><strong>' + illName + '</strong><br/>' + illDetails + '</span></span>');

		//tooltip position		
		
		
		var tooltip = link.find('span.tooltip');
		//console.log(tooltip.outerWidth());
		tooltip.width(tooltip.outerWidth());
		if(jQuery.browser.msie) tooltip.width(tooltip.outerWidth() + 12);				
		
		tooltip.css('top', link.offset().top - tooltipPositionOffset);
		tooltip.css('left', link.offset().left - 3);
		//console.log(link.offset().top);
	});

	jQuery('div.ngg-galleryoverview a').hover(function(){
		var tooltip = jQuery(this).find('span.tooltip');

		tooltip.show().css('display', 'block');

		tooltip.stop().animate({
			top: parseInt(tooltip.css('top')) - tooltipMotionOffset
		}, tooltipMotionSpeed);

	},function(){
		var tooltip = jQuery(this).find('span.tooltip');
		var resetOffset = jQuery(this).offset().top - tooltipPositionOffset;

		tooltip.stop();
		tooltip.hide();	
		tooltip.css('top', resetOffset);
		
	});
});