// JavaScript Document
var lastItem = null ;
var cache = new Array ( ) ;
var x = new Array ( ) ;
$(function() {
	$(window).bind('focus', function() {
		$(".tripDetailsFlyoutContainer").each ( function(){
			if ( typeof ( "this" ) != "undefined" ){
				this.style.visibility = "hidden" ;
			}
		});
	});
	
	$(window).bind('blur', function() {
		$(".tripDetailsFlyoutContainer").each ( function(){
			if ( typeof ( "this" ) != "undefined" ){
				this.style.visibility = "hidden" ;
			}
		});
	});
	$(".tripDetailsTitle").bind ("mouseover", function (eventObject){
		for ( i = 0 ; i < x.length -1 ; i++ ) {
			var innerObj = x.shift ( ) ;
			innerObj.abort ( ) ;
		}
		DatesAndCosts_mouseover ( eventObject.target.innerHTML, eventObject.target.id.substr ( 6 ) ) ;
		return false;
	});
	$(".tripDetailsTitle").bind ("mouseout", function (eventObject){
		$("#datesandcosts_popupContainer").css("visibility","hidden");
		return false;
	});
						   
						   
});

function DatesAndCosts_mouseover(mouseargs,id){
	lastItem = mouseargs ;
	$("#datesandcosts_popupContainer").css("visibility","hidden");
	if ( typeof ( cache[mouseargs] ) =="undefined" ){
		x.push ( $.ajax({
			   url: Drupal.settings.basePath + "views/ajax?view_name=trip_highlights&view_display_id=default",
		   dataType: "text",
		   error: function(e) { },
		   data: "view_args=" + mouseargs.replace ( /&amp;/, "and"),
		   success: function(data){
				data = data ;
				var obj = $.evalJSON ( data ) ;
				cache[mouseargs] = obj.display ;
				if ( obj.display && lastItem == mouseargs){
					$("#datesandcosts_popup").html ( obj.display ) ;
					$("#datesandcosts_popupContainer").css("visibility","visible");
					$("#datesandcosts_popupContainer").css("top",( 10 + ( id * 31 ) )+ "px");
					$("#datesandcosts_popupContainer").css("left", "500px");
					$("#datesandcosts_popupContainer").css("color", "black");
				}
			}
		}));
	}else{
		if ( obj.display && lastItem == mouseargs){
			$("#datesandcosts_popup").html ( cache[mouseargs] ) ;
			$("#datesandcosts_popupContainer").css("visibility","visible");
			$("#datesandcosts_popupContainer").css("top",( 10 + ( id * 31 ) ) + "px");
			$("#datesandcosts_popupContainer").css("left", "460px");
			$("#datesandcosts_popupContainer").css("color", "black");
		}
	}
}