jQuery(document).ready( function() {

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( jQuery(window).height() - this.height() ) / 2 + (jQuery('.popupinfo').height()) / 6);
    this.css("left", ( jQuery(window).width() - this.width() ) / 2 );
    return this;
}

jQuery(window).resize(function() {
//jQuery('.popupinfo').css("top","0");  // Eliminate the positional values
jQuery('.popupinfo').center();  // Set the position once more
});


//Do the hover, baby.
function initializeHover() {
   
    //hide popup components on load
    jQuery('.popupinfo').hide();
	jQuery('#bodyOverlay').hide();
	jQuery('.name-avatar-hover').hide();
	jQuery('#contactForm').hide();
   
   jQuery('.item-avatar').hover(function() {
			jQuery(this).find('img').animate({opacity: 0.5}, 150);
			jQuery(this).find('.name-avatar-hover').show();
			},
			function() {
			jQuery(this).find('img').animate({opacity: 1}, 150);
			jQuery(this).find('.name-avatar-hover').hide();
			});
   
    //start click function
    jQuery('.hoverOver').click(function() {
		
	if(jQuery('#bodyOverlay').is(':hidden')) {	
	
         //fadeOut the avatar
		 jQuery('.hoverOver > .item-avatar').fadeTo(750, 0.3);	
         
		 //show transparant bodyOverlay
		 jQuery('#bodyOverlay').show(); 
		 
		 //center and fadeIn the popup box
		 //jQuery('.popupinfo').center();		 
		 jQuery(this).find('.popupinfo').fadeIn(200); 	 	 
		 
		 //apply new ID
		 jQuery(this).attr("id", 'focus');	
		 
		 //start transferring data
		 jQuery(this).children('.popupinfo').each(function(){ jQuery(this).prependTo('#bodyOverlay');  });
		 
		 jQuery('.popupinfo').center();
		 
		 jQuery('.popupinfo').find('#contactClick').click(function() {
			//jQuery('.businessCardInner').slideUp();
			//jQuery('#contactForm').slideDown();
		});	
		 
		 //start close function
		 jQuery('#closeBtn').click( function() {	
			jQuery('#contactForm').slideUp(); 
			jQuery('.businessCardInner').slideDown();
			//Move all that lovely info back into the #focus <li>, fade it all out, fade back in the item-avatar, and finally remove the #focus ID. Phew!			
			jQuery('#bodyOverlay > .popupinfo').hide().prependTo('li#focus');
			jQuery('#bodyOverlay').fadeOut('fast');
            jQuery('.hoverOver > .item-avatar').fadeTo(10, 1);
			jQuery('#focus').removeAttr("id", 'focus');	
			//jQuery('#members-directory-search').hide();	
			
						
			
		});
		//end close function	

		
		} //if
		
		else {
			jQuery('#bodyOverlay > .popupinfo').hide().prependTo('li#focus');
			jQuery('#bodyOverlay').fadeOut('fast');
			jQuery('.hoverOver > .item-avatar').fadeTo(10, 1);
			jQuery('#focus').removeAttr("id", 'focus');	
			//jQuery('#members-directory-search').hide();			
			} //else
		
    }); //end click function
	  } //end info function
	  
//call info function	  
initializeHover();
/*
	jQuery("ul#letter-list li a").livequery('click',
		function() { 
			jQuery('#ajax-loader-members').toggle();

			jQuery("div#members-list-options a").removeClass("selected");
			jQuery(this).addClass('selected');
			jQuery("input#members_search").val('');
			
			var letter = jQuery(this).attr('id')
			letter = letter.split('-');
			
			var page = ( jQuery('input#members-page-num').val() ) ? jQuery('input#members-page-num').val() : 1;

			jQuery.post( ajaxurl, {
				action: 'directory_members',
				'cookie': encodeURIComponent(document.cookie),
				'_wpnonce': jQuery("input#_wpnonce-member-filter").val(),
				'letter': letter[1],
				'page': page
			},
			function(response)
			{
				response = response.substr(0, response.length-1);
				
				jQuery("#member-dir-list").fadeOut(200, 
					function() {
						jQuery('#ajax-loader-members').toggle();
						jQuery("#member-dir-list").html(response);
						jQuery("#member-dir-list").fadeIn(200);
						initializeHover();
					}
				);
			});
		
			return false;
		}
	);
	
	jQuery("form#search-members-form").submit( function() { 
			jQuery('#ajax-loader-members').toggle();

			var page = ( jQuery('input#members-page-num').val() ) ? jQuery('input#members-page-num').val() : 1;

			jQuery.post( ajaxurl, {
				action: 'directory_members',
				'cookie': encodeURIComponent(document.cookie),
				'_wpnonce': jQuery("input#_wpnonce-member-filter").val(),
				's': jQuery("input#members_search").val(),
				'page': page
			},
			function(response)
			{	
				response = response.substr(0, response.length-1);
				
				jQuery("#member-dir-list").fadeOut(200, 
					function() {
						jQuery('#ajax-loader-members').toggle();
						jQuery("#member-dir-list").html(response);
						jQuery("#member-dir-list").fadeIn(200);
						initializeHover();
					}
				);
			});
		
			return false;
		}
	);
	
	jQuery("div#member-dir-pag a").livequery('click',
		function() { 
			jQuery('#ajax-loader-members').toggle();

			var page = jQuery(this).attr('href');
			page = page.split('upage=');
			
			if ( !jQuery("input#selected_letter").val() )
				var letter = '';
			else
				var letter = jQuery("input#selected_letter").val();
						
			if ( !jQuery("input#search_terms").val() )
				var search_terms = '';
			else
				var search_terms = jQuery("input#search_terms").val();
			
			jQuery.post( ajaxurl, {
				action: 'directory_members',
				'cookie': encodeURIComponent(document.cookie),
				'_wpnonce': jQuery("input#_wpnonce").val(),
				'upage': page[1],
				'_wpnonce': jQuery("input#_wpnonce-member-filter").val(),
				
				'letter': letter,
				's': search_terms
			},
			function(response)
			{	
				response = response.substr(0, response.length-1);
				
				jQuery("#member-dir-list").fadeOut(200, 
					function() {
						jQuery('#ajax-loader-members').toggle();
						jQuery("#member-dir-list").html(response);
						jQuery("#member-dir-list").fadeIn(200);
						initializeHover();
					}
				);
			});
			
			return false;
		}
	);
	*/
});