$(document).ready(function(){
   
   var mem = $('#members'); 
   var x = getOffset( mem.get(0) ); //getOffset( document.getElementById('members') ); 
                                                  
    $('ul.sf-menu')
    .supersubs({ minWidth: 12, maxWidth: 56, extraWidth: 1 })
    .superfish({ speed: 'fast', animation: {opacity:'show',height:'show'}, delay: 400 });
    
   $('#login')
      .hide()
      .css('left', x.left + mem.width() - $('#login').width() - 8 ).css('top', 50)
      .css('top', x.top + 21 );  
   /* Causes bug when logged in!!! no idea why need getOffset() to fix issue
   $('#loginxxx')
      .hide()   
      .css('left', $('#membersxx').offset().left + $('#membersxx').width() - $('#loginxx').width() - 8 )
      .css('top', $('#membersxx').offset().top + 21 );
 */
   $('#members a').toggle(function() {
      $('#login').animate({'height':'show'}, {duration:'fast'}); 
   }, function() {
     $('#login').slideUp();
   });   
 
   $('#login form :submit').click(function() {
      $(this)
         .parent()
         .prev('a')
         .click();
   });
   
   $('#username')
      .click(function() {
         if(this.value == 'username') this.value = '';   
      })
      .blur(function() {
         if(this.value == '') this.value = 'username';   
      });
      
   $('#mockpass').focus(function() {
         $('#mockpass').hide();
         $('#realpass').show().focus();
   });   
   $('#realpass').blur(function() {
      if(this.value==''){
         $('#mockpass').show(); 
         $('#realpass').hide();                 
      }
   });
   
   
   //Gallery Display
	$("#portfolio-list").delegate("li", "mouseover mouseout", function(e) {
		if (e.type == 'mouseover') {
		$("#portfolio-list li").not(this).dequeue().animate({opacity: "0.5"}, 300);
    	} else {
		$("#portfolio-list li").not(this).dequeue().animate({opacity: "1"}, 300);
   		}
	});
   $("a[rel='gal2']").colorbox({slideshow:true, slideshowAuto: false, slideshowStart: "play", slideshowStop: "stop", maxWidth: "900px" });	   
 
            
});

function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.parentNode;
    }
    return { top: _y, left: _x };
}