var objCommunityServiceHTML = "" ;
var objCulturalExplorationHTML = "" ;
var objLanguageProgramsHTML = "" ;
var objSpecialtyTripsHTML = "" ;
var currentObj = null ;
var cancelObj = null ;
var worryFlag = true ;

$(document).ready(function(){
	var n = 0;
    $("div.enter").bind("mouseenter",function(){
		$("span.field-content").css("z-index","0");
		$(this).context.parentNode.parentNode.style.zIndex = 10 ;
		var id = $(this).context.id ;
		$("#" + id).removeClass( id ) ;
		$("#" + id).addClass( id + "Over" ) ;
		TrickMenu ( $(this).context.id );
		
	})
	
	$("div.enter").bind("mouseleave",function(){
		var id = $(this).context.id ;
		$("#" + id).removeClass( id + "Over" ) ;
		$("#" + id).addClass( id ) ;
	})
	
	$("div.leave").bind("mouseleave",function(eventObject){
		if ( $(this).context.parentNode.id != "outer" ) {
			$(this).css ( "display", "none" ) ;
			$(this).css ( "z-index", "1000" ) ;
			
			eventObject.stopPropagation();
		}
	  
    });	
});

function UnTrickMenu ( whichmenu ) {
	$(whichmenu ).css ( "display","none" ) ;	
}


function TrickMenu ( whichmenu  ){
	if ( currentObj ){
		currentObj.style.display = "none" ;
	}
	if ( whichmenu ) {
		switch ( whichmenu ){
			case "CommunityService" :
				
				var objCntr = document.getElementById( "CommunityServiceouter" ) ;
				currentObj = objCntr ;
				if ( objCntr ){
					GetCommunityService ( ) ;
				objCntr.style.display = "block" ;
				objCntr.style.zIndex = 10000 ;
				}
			break ;
			case "CulturalExploration" :
				var objCntr = document.getElementById( "CulturalExplorationouter" ) ;
				currentObj = objCntr ;
				if ( objCntr ){
					GetCulturalExploration ( ) ;
					objCntr.style.display = "block" ;
					objCntr.style.zIndex = 10000 ;
				}
			break ;
			case "LanguagePrograms" :
				var objCntr = document.getElementById( "LanguageProgramsouter" ) ;
				currentObj = objCntr ;
				if ( objCntr ){
					GetLanguagePrograms ( ) ;
					objCntr.style.display = "block" ;
					objCntr.style.zIndex = 10000 ;
				}
			break ;
			case "SpecialtyTrips" :
				var objCntr = document.getElementById( "SpecialtyTripsouter" ) ;
				currentObj = objCntr ;
				if ( objCntr ){
					GetSpecialtyTrips ( ) ;
					objCntr.style.display = "block" ;
					objCntr.style.zIndex = 10000 ;
				}
			break ;
		}
	}
}

function GetCommunityService ( ){
	if ( objCommunityServiceHTML == "" ){
		$.ajax({
		   url: "views/ajax?view_name=our_trips_categories&view_display_id=block_1",
		   dataType: "text",
		   data:"view_args=Community Service",
		   error: function(e) { if ( worryFlag ) { alert("Failure: " + e.statusText); } },
		   success: function(data){
				obj = $.evalJSON(data);
				objCommunityServiceHTML = "" ;
				objCommunityServiceHTML += "<h3>Community Service</h3><span class='closebutton' onclick='UnTrickMenu (\"#CommunityServiceouter\");'></span><span class='leftarrow'></span>";
				$.each ( obj, function (key,innerObj) {
					if ( innerObj.node_data_field_flyouttitle_field_flyouttitle_value != null ){
						objCommunityServiceHTML += "<a href=\"" +  Drupal.settings.basePath + "trip/" +  innerObj.node_data_field_flyouttitle_field_flyouttitle_value.replace ( /&/, "and" )+ "/Overview\">" + innerObj.node_data_field_flyouttitle_field_flyouttitle_value.replace ( /&/, "&amp;" ) + "</a><br>" ;
					}
				});
				var objCntr = document.getElementById( "CommunityServiceouter" );
				if ( objCntr ) {
					objCntr.innerHTML = objCommunityServiceHTML ;
					objCntr.style.display = "block" ;
				}
		   }
		}) ;
	}else{
		container = document.getElementById( "CommunityService" ) ;
		if ( container ) {
			container.style.display = "block" ;
		}
	}
}

function GetCulturalExploration ( ){												 
	if ( objCulturalExplorationHTML == "" ){
		$.ajax({
		   url: "views/ajax?view_name=our_trips_categories&view_display_id=block_1",
		   dataType: "text",
		   data:"view_args=Cultural Exploration",
		   error: function(e) { if ( worryFlag ) { alert("Failure: " + e.statusText); }  },
		   success: function(data){
				obj = $.evalJSON(data);
				objCulturalExplorationHTML= "" ;
				objCulturalExplorationHTML += "<h3>Cultural Exploration</h3><span class='closebutton' onclick='UnTrickMenu (\"#CulturalExplorationouter\");'></span><span class='rightarrow'></span>";
				$.each ( obj, function (key,innerObj) {
					if ( innerObj.node_data_field_flyouttitle_field_flyouttitle_value != null ){
						objCulturalExplorationHTML += "<a href=\"" +  Drupal.settings.basePath + "trip/" +  innerObj.node_data_field_flyouttitle_field_flyouttitle_value.replace ( /&/, "and" )+ "/Overview\">" + innerObj.node_data_field_flyouttitle_field_flyouttitle_value.replace ( /&/, "&amp;" ) + "</a><br>" ;
					}
				});
				var objCntr = document.getElementById( "CulturalExplorationouter" );
				if ( objCntr ) {
					objCntr.innerHTML = objCulturalExplorationHTML ;
					objCntr.style.display = "block" ;
				}
		   }
		}) ;
	}else{
		container = document.getElementById( "CulturalExploration" ) ;
		if ( container ) {
			container.style.display = "block" ;
		}
	}
}

function GetLanguagePrograms ( ){												 
	if ( objLanguageProgramsHTML == "" ){
		$.ajax({
		   url: "views/ajax?view_name=our_trips_categories&view_display_id=block_1",
		   dataType: "text",
		   data:"view_args=Language Programs",
		   error: function(e) { if ( worryFlag ) { alert("Failure: " + e.statusText); }  },
		   success: function(data){
				obj = $.evalJSON(data);
				objLanguageProgramsHTML = "" ;
				objLanguageProgramsHTML += "<h3>Language Programs</h3><span class='closebutton' onclick='UnTrickMenu (\"#LanguageProgramsouter\");'></span><span class='leftarrow'></span>";
				$.each ( obj, function (key,innerObj) {
					if ( innerObj.node_data_field_flyouttitle_field_flyouttitle_value != null ){
						objLanguageProgramsHTML += "<a href=\"" +  Drupal.settings.basePath + "trip/" +  innerObj.node_data_field_flyouttitle_field_flyouttitle_value.replace ( /&/, "and" )+ "/Overview\">" + innerObj.node_data_field_flyouttitle_field_flyouttitle_value.replace ( /&/, "&amp;" ) + "</a><br>" ;
					}
				});
				var objCntr = document.getElementById( "LanguageProgramsouter" );
				if ( objCntr ) {
					objCntr.innerHTML = objLanguageProgramsHTML ;
					objCntr.style.display = "block" ;
				}
		   }
		}) ;
	}else{
		container = document.getElementById( "LanguagePrograms" ) ;
		if ( container ) {
			container.style.display = "block" ;
		}
	}
}

function GetSpecialtyTrips ( ){												 
	if ( objSpecialtyTripsHTML == "" ){
		$.ajax({
		   url: "views/ajax?view_name=our_trips_categories&view_display_id=block_1",
		   dataType: "text",
		   data:"view_args=Specialty Trips",
		   error: function(e) { if ( worryFlag ) { alert("Failure: " + e.statusText); } },
		   success: function(data){
				obj = $.evalJSON(data);
				objSpecialtyTripsHTML = "" ;
				objSpecialtyTripsHTML += "<h3>Specialty Trips</h3><span class='closebutton' onclick='UnTrickMenu (\"#SpecialtyTripsouter\");'></span><span class='rightarrow'></span>";
				$.each ( obj, function (key,innerObj) {
					if ( innerObj.node_data_field_flyouttitle_field_flyouttitle_value != null ){
						objSpecialtyTripsHTML += "<a href=\"" +  Drupal.settings.basePath + "trip/" +  innerObj.node_data_field_flyouttitle_field_flyouttitle_value.replace ( /&/, "and" )+ "/Overview\">" + innerObj.node_data_field_flyouttitle_field_flyouttitle_value.replace ( /&/, "&amp;" ) + "</a><br>" ;
					}
				});
				var objCntr = document.getElementById( "SpecialtyTripsouter" );
				if ( objCntr ) {
					objCntr.innerHTML = objSpecialtyTripsHTML ;
					objCntr.style.display = "block" ;
				}
		   }
		}) ;
	}else{
		container = document.getElementById( "SpecialtyTrips" ) ;
		if ( container ) {
			container.style.display = "block" ;
		}
	}
}