// JavaScript Document
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
    if(document.layers)	   //NN4+
    {
       document.layers[szDivID].visibility = iState ? "show" : "hide";
    }
    else if(document.getElementById)	  //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
        obj.style.visibility = iState ? "visible" : "hidden";
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
    }
}

var cm=null;

document.onclick = new Function("show(null)");

function getPos(el,sProp) {

	var iPos = 0

	while (el!=null) {

		iPos+=el["offset" + sProp]

		el = el.offsetParent

	}

	return iPos

}

function show(el,m) {

	if (m) {

		m.style.display='';

		m.style.pixelLeft = getPos(el,"Left")

		m.style.pixelTop = getPos(el,"Top") + el.offsetHeight

	}

	if ((m!=cm) && (cm)) cm.style.display='none'

	cm=m

}





var isCSS, isW3C, isIE4;

// (Get rid of document.all legacy)
function initFlags() {
   if (document.images) {
      isCSS = (document.body && document.body.style) ? true : false;
      isW3C = (isCSS && document.getElementById) ? true : false;
      isIE4 = (isCSS && document.all) ? true : false;
   }
}

function openDropdown(Dropdown) {

   var elem = document.getElementById(Dropdown);
   if (elem) {
      elem.style.visibility = "visible"; 
      elem.style.zIndex = "5";
   }
}

function closeDropdown(Dropdown) {

   var elem = document.getElementById(Dropdown);
   if (elem) {
      elem.style.visibility = "hidden";
      elem.style.zIndex = "1";
   }
}

var ffclosed = true;

function toggleBtn(btn) {
	elem = document.getElementById(btn);
	switch(btn) {
		case 'brainbang':
		    var fn = getFileName(elem.src);
		    var base = getBase(elem.src);
		    //alert(base + fn);
		    if (fn == "btn_brainbang_newer.jpg") {	
		        
		    	elem.src = base + "HomePgImages/btn_brainbang_newer_close.jpg";
		    }
  			else {
  				elem.src = base + "HomePgImages/btn_brainbang_newer.jpg";
  			}
  			break;    	
		case 'familyfriends_openclose':
		    
		    // text:
		    /*
		    elem = document.getElementById('familyfriends_openclose');
		    if (elem.innerHTML == "+ for family and friends") {	
		        
		    	elem.innerHTML = "<span style='font-family:courier;vertical-align:1px;'>&ndash; </span>for family and friends";
		    }
  			else {
  				elem.innerHTML = "+ for family and friends";
  			}
  			*/
 
 		    // graphic	
  			var arrow = document.getElementById('fftriangle');
  			
  			if (ffclosed == true) {  			   
  				arrow.src = "HomePgImages/tiny_white_up.gif";
  				ffclosed = false;
  			}
  			else {  			    
  				arrow.src = "HomePgImages/tiny_white_down.gif";
  				ffclosed = true;
  			}
  			
  			break;
  		
	}		

}


function overTriangle (elem) {
	if (ffclosed == true) {
		elem.src="HomePgImages/tiny_white_down.gif";
	}
	else {
		elem.src="HomePgImages/tiny_white_up.gif";
	}
}

function outTriangle (elem) {
	if (ffclosed == true) {
		elem.src="HomePgImages/tiny_black_down.gif";
	}
	else {
		elem.src="HomePgImages/tiny_black_up.gif";
	}
}



function getBase (url)  {
	var arr= new Array();
	arr=url.split("HomePgImages/");
	//alert(arr[0]);
	return arr[0]; 
}


function getFileName (url)  {
	var arr= new Array();
	arr=url.split("HomePgImages/");
	//alert(arr[1]);
	return arr[1]; 
}



<!-- Begin clocks
var timerID ;
function tzone(tz, os, ds, cl)
{
	this.ct = new Date(0) ;		// datetime
	this.tz = tz ;				// code
	this.os = os ;				// GMT offset
	this.ds = ds ;				// has daylight savings
	this.cl = cl ;				// font color
}
function UpdateClocks()
{
	// www.timeanddate.com/worldclock
	var ct = new Array(
		new tzone('SFO: ', -8, 1, '#d9d9d9'),
		new tzone('TYO: ', +9, 0, '#d9d9d9'),
		new tzone('HKG: ', +8, 0, 'cyan'),
		new tzone('BKK: ', +7, 0, 'yellow'),
		new tzone('NYC: ', -5, 1, '#d9d9d9'),
		new tzone('LON: ',  0, 1, '#d9d9d9'),
		new tzone('SVO: ', +3, 0, 'pink'),
		new tzone('KTM: ', +5.75, 0, 'red')
	) ;
	var dt = new Date() ;	// [GMT] time according to machine clock
	var startDST = new Date(dt.getFullYear(), 3, 1) ;
	while (startDST.getDay() != 0)
		startDST.setDate(startDST.getDate() + 1) ;
	var endDST = new Date(dt.getFullYear(), 9, 31) ;
	while (endDST.getDay() != 0)
		endDST.setDate(endDST.getDate() - 1) ;
	var ds_active ;		// DS currently active
	if (startDST < dt && dt < endDST)
		ds_active = 1 ;
	else
		ds_active = 0 ;
	// Adjust each clock offset if that clock has DS and in DS.
	for(n=0 ; n<ct.length ; n++)
		if (ct[n].ds == 1 && ds_active == 1) ct[n].os++ ;
	// compensate time zones
	gmdt = new Date() ;
	
	for (n=0 ; n<ct.length ; n++)
		ct[n].ct = new Date(gmdt.getTime() + ct[n].os * 3600 * 1000) ;
	
	document.getElementById("Clock0").innerHTML =
		'<font color="' + ct[0].cl + '">' + ct[0].tz + ClockString(ct[0].ct) + '</font>' ;
	document.getElementById("Clock1").innerHTML =
		'<font color="' + ct[1].cl + '">' + ct[1].tz + ClockString(ct[1].ct) + '</font>' ;
	document.getElementById("Clock4").innerHTML =
		'<font color="' + ct[4].cl + '">' + ct[4].tz + ClockString(ct[4].ct) + '</font>' ;
	document.getElementById("Clock5").innerHTML =
		'<font color="' + ct[5].cl + '">' + ct[5].tz + ClockString(ct[5].ct) + '</font>' ;

	timerID = window.setTimeout("UpdateClocks()", 1001) ;
}

function ClockString(dt)
{
	var stemp, ampm ;
	var dt_year = dt.getUTCFullYear() ;
	var dt_month = dt.getUTCMonth() + 1 ;
	var dt_day = dt.getUTCDate() ;
	var dt_hour = dt.getUTCHours() ;
	var dt_minute = dt.getUTCMinutes() ;
	var dt_second = dt.getUTCSeconds() ;
	
	dt_year = dt_year.toString() ;
	if (0 <= dt_hour && dt_hour < 12)
	{
		ampm = 'AM' ;
		if (dt_hour == 0) dt_hour = 12 ;		
	} else {
		ampm = 'PM' ;
		dt_hour = dt_hour - 12 ;
		if (dt_hour == 0) dt_hour = 12 ;		
	}
	
	if (dt_minute < 10)
		dt_minute = '0' + dt_minute ;
	
	if (dt_second < 10)
		dt_second = '0' + dt_second ;
	stemp = dt_month + '/' + dt_day + '/' + dt_year.substr(2,2) ;
	stemp = stemp + ' ' + dt_hour + ":" + dt_minute + ":" + dt_second + ' ' + ampm ;
	return stemp ;
}
//  End clocks -->


/*** 
    Simple jQuery Slideshow Script
***/

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});


// start jquery pop

(function($) {
  
  $.pop = function(options){
    
    // settings
    var settings = {
     pop_class : '.pop',
     pop_toggle_text : ''
    }
    
    // inject html wrapper
    function initpops (){
      $(settings.pop_class).each(function() {
        var pop_classes = $(this).attr("class");
        $(this).addClass("pop_menu");
        $(this).wrap("<div class='"+pop_classes+"'></div>");
        $(".pop_menu").attr("class", "pop_menu");
        $(this).before(" \
          <div class='pop_toggle'>"+settings.pop_toggle_text+"</div> \
          ");
      });
    }
    initpops();
    
    // assign reverse z-indexes to each pop
    var totalpops = $(settings.pop_class).size() + 1000;
    $(settings.pop_class).each(function(i) {
     var popzindex = totalpops - i;
     $(this).css({ zIndex: popzindex });
    });
    // close pops if user clicks outside of pop
    activePop = null;
    function closeInactivePop() {
      $(settings.pop_class).each(function (i) {
        if ($(this).hasClass('active') && i!=activePop) {
          $(this).removeClass('active');
          }
      });
      return false;
    }
    $(settings.pop_class).mouseover(function() { activePop = $(settings.pop_class).index(this); });
    $(settings.pop_class).mouseout(function() { activePop = null; });

    $(document.body).click(function(){ 
     closeInactivePop();
    });
    // toggle that pop
    $(".pop_toggle").click(function(){
      $(this).parent(settings.pop_class).toggleClass("active");
    });
  }

})(jQuery);

// end jquery pop