// Popup
$(document).ready(function() {
    $.get("../popups/popups.html", function(data){
        $("#header").append("<a href='#' class='hoverLinks' id='hoverLink1'></a>\
                             <a href='#' class='hoverLinks' id='hoverLink2'></a>\
                             <a href='#' class='hoverLinks' id='hoverLink3'></a>\
                             <a href='#' class='hoverLinks' id='hoverLink4'></a>")
        
        $("#container").append(data);
	if (window.location.toString().indexOf('aarp')!=-1 || window.location.toString().indexOf('aaa')!=-1 || window.location.toString().indexOf('travelocity')!=-1)
	{
		popup('#hoverLink1', '#hoverLinkPopup1');
        	popup('#hoverLink2', '#hoverLinkPopup2');
        	popup('#hoverLink3', '#hoverLinkPopup3');
        	popup('#hoverLink4', '#hoverLinkPopup4');
		return;
	}

        popup('#hoverLink1', '#hoverLinkPopup1');
        popup('#hoverLink2', '#hoverLinkPopup2');
        popup('#hoverLink3', '#hoverLinkPopup3');
        popup('#hoverLink4', '#hoverLinkPopup4');
    });
});

function popup(triggerId, popupId, triggerTop)
{
    var distance = 0;
    var time = 250;
    var hideDelay = 100;

    var hideDelayTimer = null;

    var beingShown = false;
    var shown = false;
    var trigger = $(triggerId);
    var info = $(popupId).css('opacity', 0);
    
    var tPos = $(triggerId).offset();
    var pHeight = $(popupId).height();
             
    $([trigger.get(0), info.get(0)]).mouseover(function () {
        if (hideDelayTimer) clearTimeout(hideDelayTimer);
        if (beingShown || shown) {
            // don't trigger the animation again
            return;
        } else {
            // reset position of info box
            beingShown = true;
            
            if(triggerTop == undefined)
                triggerTop = tPos.top;
            
            info.css({
                top: triggerTop - pHeight,
                left: $(triggerId).position().left + 20,
                display: 'block'
            }).animate({
                top: '-=' + distance + 'px',
                opacity: 1
            }, time, 'swing', function() {
                beingShown = false;
                shown = true;
            });
        }

        return false;
    }).mouseout(function () {
        if (hideDelayTimer) clearTimeout(hideDelayTimer);
        hideDelayTimer = setTimeout(function () {
            hideDelayTimer = null;
            info.animate({
                top: '-=' + distance + 'px',
                opacity: 0
            }, time, 'swing', function () {
                shown = false;
                info.css('display', 'none');
            });
        }, hideDelay);

        return false;
    });
}
// End popup

var open_menu='';
var close_method=1;
var delay=100;
function show_all(obj) {
var obj;
if (arguments.length>0) {
for (var i=0; i<arguments.length; i++) {
obj=arguments[i];
swap_div_show(obj);
}
}
}
function swap_div_show(object_id){
var the_obj=find_style(object_id);
the_obj.display='block';
}
function hide_all(obj) {
var obj;
if (arguments.length>0) {
for (var i=0; i<arguments.length; i++) {
obj=arguments[i];
swap_div_hide(obj);
}
}
}
function swap_div_hide(object_id){
var the_obj=find_style(object_id);
the_obj.display='none';
}
function swap_div(object_id){
var the_obj=find_style(object_id);
if(the_obj.display!='block'){
the_obj.display='block';
}else{
the_obj.display='none';
}
}
function swap_all(obj) {
var obj;
if (arguments.length>0) {
for (var i=0; i<arguments.length; i++) {
obj=arguments[i];
swap_div(obj);
}
}
}

