// JavaScript Document

$(document).ready(function() {

	var overContainer = false;
	var overTooltip = false;
	
	function onItemMouseOver(trigger) {
		trigger.fadeTo(100, 0.33, function() { $(this).fadeTo(500, 1); })
	}
	
	function onItemMouseOut() {
		$(this).fadeTo(100, 0.33);
		setTimeout(function() {
			if(overContainer == false) {
				$('.EverysofaItem li').stop().fadeTo(100, 1);
			}
		}, 2000);
	}
	
	$('.EverysofaItem').hover(function(){
		overContainer = true;		   
	}, function() {
		overContainer = false;
	});
			
	$('#tooltipLarge').html('<div class="personName"></div><div class="personQuote"></div><div class="viewIt"></div>');
	
	$('li.invert').live('hover', function() { invertMe = true; });
	
	$('.EverysofaItem li').mousemove(function(e) 
	{
		if(overTooltip) 
		{
						
			if ($(this).hasClass('invert'))
			{
				var itemOffset = [-370, -140];	

			}
			else
			{
				var itemOffset = [20, -140];

			}
			
			
			var $left = e.pageX+itemOffset[0];
			var $top= e.pageY+itemOffset[1];
		

			$('#tooltipLarge').css({
				'top':$top+'px',
				'left':$left+'px'
			});
			
		}
	
	});
	
	$('.EverysofaItem li').each(function(i) {

		// Hide from IE6.
		if($.browser.msie && $.browser.version == "6.0") {
			return false;
		}
		

			
			
			if($(this).hasClass('invert')) 
			{
				var inverted = true;
				
				$('.EverysofaItem li').mouseover(function(e) 
				{
					var $left =150;
					var $top= 140;
				});
				
			}
			else 
			{
		
				var inverted = false;
				var $left =150;
				var $top= 140;
			}
		
			var api = $(this).tooltip({
				api: true,
				lazy: false,
				tip: '#tooltipLarge',
				offset: [$top, $left]
				
			});
		
	
		
		$(this).dynamic({
			right: {
				direction: 'right',
				bounce: true
			}
		});
			
		api.onBeforeShow(function() {
				
			overTooltip = true;
			
			var trigger = this.getTrigger();
			onItemMouseOver(trigger);				
			var tip = this.getTip();
			var personName = trigger.find('.personName_ref').text();
			if(inverted == true) {
				tip.addClass('right');
			}
			else {
				tip.removeClass("right");
			}
			var personQuote = trigger.find('.personQuote_ref').text();
			var personLink = trigger.find('.everySofaLink').attr('href');
			tip.children('.personName').text(personName);
			tip.children('.personQuote').text(personQuote);			
			//tip.children('.viewIt').html('<a href="' + personLink + '">See the transformation!</a>');
		});
		
		api.onBeforeHide(function() { overTooltip = false; });
												 
	});
	

});