function SS_preloadImages() { 
  var d=document; if(d.images){ if(!d.SS_p) d.SS_p=new Array();
    var i,j=d.SS_p.length,a=SS_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.SS_p[j]=new Image; d.SS_p[j++].src=a[i];}}
}

//For nav - probably will change/delete

//////////////////////////////////////////////////////////////////////////
// Find the location of the main nav tab for proper placement of the dropdown
//////////////////////////////////////////////////////////////////////////
function findPos(obj) {
	obj = document.getElementById(obj);
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
	}
	return [curleft,curtop];
}
//////////////////////////////////////////////////////////////////////////
// Close all of th emain nav drop downs
//////////////////////////////////////////////////////////////////////////
function closeAll() {
 $('gbas_menu').style.display = "none";
 $('gbw_menu').style.display = "none";
 $('gbcn_menu').style.display = "none";
}
//////////////////////////////////////////////////////////////////////////
// Open a main nav dropdown
//////////////////////////////////////////////////////////////////////////
function menu( cat, effect, delay ) {
if (1){
    if (typeof(effect_queue) != 'undefined'){ clearTimeout(effect_queue); };
    menu_name = cat + '_menu';
    myEffect = effect;
    timeDelay = delay;
    // The dropdown menu is a little wonky.  If you just show the div using "$(menu_name).show()" the menu flashes as you roll over the listed items
    // If you use the 'display: "inherit"' below, it fixes it.  I have run out of time to figure out why.
    // Note:  the function call should also be updated at that point
    // Note; the functions findPos(obj) & closeAll() 
//var elem = $(menu_name);
//elem.style.display = "block";
//    $(menu_name).setStyle({display: "inherit"});
//    $(menu_name).show();
    $(menu_name).setStyle({display: "block"});
    var coord = $(cat).cumulativeOffset();
    var h_space = coord[0];
    var v_space = coord[1] + $(cat).getHeight();
    $(menu_name).setStyle({top: v_space+'px', left: h_space+'px'});
    $(cat).addClassName('hover');
    // Keeping the unsued condition for when I have time to figure out why we HAVE to use 'display: "inherit"' to make this work
    if (effect == "show_menu"){
        //if (typeof(effect_queue) != 'undefined'){ clearTimeout(effect_queue); };
        //(function() { $(menu_name).show() }).delay(1);
        //
        // var id = Element.hide.delay(15, 'foo');
        // window.clearTimeout(id);
        //
        //effect_queue = self.setTimeout( '$(menu_name).show()', timeDelay );
        //$(menu_name).setStyle({display: "inherit"});
        //$(menu_name).show()

    }else if(effect == "hide_menu"){
        $(cat).removeClassName('hover');
        $(menu_name).hide();
    }
    // Keeping the unsued condition for when I have time to figure out why we HAVE to use 'display: "inherit"' to make this work
}else if (0){
    menu_name = cat + '_menu';
    myEffect = effect;
    timeDelay = delay;
    var coord = $(cat).cumulativeOffset();
    var h_space = coord[0];
    var v_space = coord[1] + $(cat).getHeight();
    $(menu_name).setStyle({top: v_space+'px', left: h_space+'px'});
    if (effect == "show_menu"){
        //if (typeof(effect_queue) != 'undefined'){ clearTimeout(effect_queue); };
        //effect_queue = self.setTimeout( '$(menu_name).show()', timeDelay );
        $(menu_name).show();
    }else if(effect == "hide_menu"){
        $(menu_name).hide();
    }
}else{
    // Keeping the unsued condition for when I have time to figure out why we HAVE to use 'display: "inherit"' to make this work
    closeAll();
    var name = cat + '_menu';
    var elem = $(name);
    elem.style.display = "inherit";
    var hite = Element.getHeight(cat);
    var coord = findPos(cat);
    var v_space = coord[1] + hite;
    elem.style.top = v_space + "px";
    elem.style.left = coord[0] + "px";
}         
//var queue = Effect.Queues.get('topnavscope');
//queue.each(function(e) { e.cancel() });
//    runEffect();
}         
//////////////////////////////////////////////////////////////////////////
// Apply a scriptaculous effect to the main nav dorp down 
// (Currently unused, due to side effect of "Flashing" and JS breaking
// when too many are rolled over)
//////////////////////////////////////////////////////////////////////////
function runEffect() {
    switch( myEffect ) {
        case "appear":
            new Effect.Appear( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "fade":
            new Effect.Fade( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "puff":
            new Effect.Puff( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "blind_down":
            new Effect.BlindDown( $(menu_name), {queue: {position: 'end', scope: 'topnavscope', limit:2}, delay: timeDelay} );
        break;
        case "blind_up":
            new Effect.BlindUp( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "switch_off":
            new Effect.SwitchOff( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "slide_down":
            new Effect.SlideDown( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "slide_up":
            new Effect.SlideUp( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "drop_out":
            new Effect.DropOut( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "shake":
            new Effect.Shake( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "pulsate":
            new Effect.Pulsate( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "squish":
            new Effect.Squish( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "fold":
            new Effect.Fold( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "grow":
            new Effect.Grow( $(menu_name), {direction: 'top-left', queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "shrink":
            new Effect.Shrink( $(menu_name), {direction: 'top-left', queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "highlight":
            new Effect.Highlight( $(menu_name), {queue: {position: 'end', scope: 'topnavscope'}, delay: timeDelay} );
        break;
        case "show":
            $( $(menu_name) ).show();
        break;
        default:
        	$('gbas_menu','gbw_menu','gbcn_menu').invoke('hide');
        break;
    }
}
//////////////////////////////////////////////////////////////////////////
// USed FOR "CHANGE LOCATION" BOX AND LEFT NAV 
//////////////////////////////////////////////////////////////////////////
function toggleA(box_id,input_id){
    var box = $(box_id);
    var input = $(input_id);

    if( input.visible() ) {
        box.className = 'more';
        input.hide();
    }
    else {
        box.className = 'less';
        input.show();
    }
}