// JavaScript Document

var clearQueue = true;
var gotoEnd= false;



jQuery(function() {
	
		$(".bb_tips a").fancybox({ 'hideOnContentClick': false, 'frameWidth' :640, 'frameHeight' :385 });

		hover_bind ();			
		$('div.box-wrapper').each( function (index) {
							
			$y = hover_position_y($(this).children('.has-tooltip')) * -1;
			$x = hover_position_x($(this).children('.has-tooltip')) * -1;
			$(this).children('.has-tooltip').tooltip({relative: true, position: "bottom right", offset: [$y, $x]}).dynamic({ bottom: { direction: 'up', bounce: true } });
			
		});

});



function hover_bind () {

				$("div.box").bind('mouseenter', hoverFunc);
				$("div.box").next(".tooltip").bind('mouseenter', hoverFunc);
				
				
				$("div.box").bind('mouseleave', unhoverFunc);
				$("div.box").next(".tooltip").bind('mouseleave', unhoverFunc);
	}

var hoverFunc = function() {
			$this_object = $(this);
	
			if($(this).hasClass('tooltip')) {
						 $this_object = $(this).prev(".box");
						 $this_tooltip = $(this);
						} else 						{
						
						$this_tooltip =  $(this).next(".tooltip")	
						}
			
			 
			 if(!$this_object.hasClass("active-trail") ) {
			 $this_object.stop(clearQueue , gotoEnd);
			 $this_object.addClass("active-trail");
			 } else {
				
			 }
			 
			
			 $this_object.animate({ borderTopColor: "#ffdd00", borderRightColor: "#ffdd00", borderBottomColor: "#ffdd00", borderLeftColor: "#ffdd00" }, 240); 
			
	  
			
}



var unhoverFunc = function(){
	
			
			 $this_object = $(this);
			 if($(this).hasClass('tooltip')) {
						 $this_object = $(this).prev(".box");
						}
			
					
			 $this_object.removeClass("active-trail");			
			 
			 
			 $this_object.animate({ borderTopColor: "#fff", borderRightColor: "#fff", borderBottomColor: "#fff", borderLeftColor: "#fff" }, 240);
			 
	  
			 
	
}

function hover_position_y ($obj) {
	
	var top = $($obj).height() / 2;
	
	return top;
	
	
}

function hover_position_x ($obj) {
	
	var left = $($obj).width() / 2;
	
	return left;
	
	
}