function InitAction(ele,left)
{
       //utilize jquery motion. Check to see if the div is at 300px. If so,
//close the div. IE and FF + Safari handle a document request
//differently. IE doesn't query the px.
       if (document.getElementById(ele).style.left==left ||
document.getElementById(ele).style.left==(left+"px")){
               $('#'+ele).animate({
                       left:"0px"
               }, 500);
       }else{
               $('#'+ele).animate({
                       left:left+"px"
               }, 500);
               pageTracker._trackPageview(ele); //track page when opening the about section
       }
}
function InitBTAction(ele,top)
{
       //utilize jquery motion. Check to see if the div is at 300px. If so,
//close the div. IE and FF + Safari handle a document request
//differently. IE doesn't query the px.
       if (document.getElementById(ele).style.top==top || document.getElementById(ele).style.top==(top+"px")){
               $('#'+ele).animate({
                       top:"0px"
               }, 500);
       }else{
               $('#'+ele).animate({
                       top:top+"px"
               }, 500);
               pageTracker._trackPageview(ele); //track page when opening the about section
       }
}

$("#nav").hide(); //hide a div
$('#nav').show(); //show div