
var convertButtons = function() {
	$('input.button').each(function(){
		if(!$(this).hasClass('disabled')) {
			$(this).hide().after('<span><span><span></span></span></span>').next('span').addClass($(this).attr('class')).click(function(){
				$(this).prev('input.button').click();
			});
			$(this).next().children().children().text($(this).val());
			$(this).addClass('disabled');
			// submits form on return keypress
			$('input').keypress(function(e) {
				c = e.which ? e.which : e.keyCode;
				if(c === 13) {
					$(this).blur();
					$(this).parents('form').submit();
				}
			});
			Cufon.replace('.button span span');
			
		}
	});
};

var updateVoteId = function(url) {
	id = url.split('=')[1];
	voteUrl = $('#vote').attr('href');
	newUrl = voteUrl.split('sid=')[0] + 'sid='+id;
	$('#vote').attr('href', newUrl);
	return false;
};

var populateAvatarIds = function() {
	var headId = $('#avatar-head-carousel .selected').attr('id');
	var bodyId = $('#avatar-body-carousel .selected').attr('id');
	var legsId = $('#avatar-legs-carousel .selected').attr('id');
	$('#avatar_head_id').val(headId.substr(5));
	$('#avatar_body_id').val(bodyId.substr(5));
	$('#avatar_legs_id').val(legsId.substr(5));
};

// listeners in popups
var applyListeners = function() {
	
	$('.friend-info').bind('mouseenter', function(event) {
		
		var url = $(this).attr('href');
		var anchor = $(this);
		
		popup = new Popup(url, anchor, 'friends-popup');
		popup.reveal(); 
		
		event.preventDefault();
		
	});
	
	$('.friend-info').bind('mouseleave', function(event) {
		if($('#overlay-window')) {
			$('#overlay-window').remove();
			$('body').removeClass('lightbox-active');
			$('body').addClass('lightbox-ready');
		}
		
		event.preventDefault();
	});
	
	$('.friend-info').bind('click', function(event) {
		event.preventDefault();
	});
	
	// friend request accept
	$('.friend-request-accept').bind('click', function(event) {

		var url = $(this).attr('href');
		var fid = url.split('fid=')[1];
		var context = $(this);
		
		$.ajax({
			type: 'POST',
			url: url.split('?')[0],
			data: 'fid='+fid,
			success: function(data) {
				context.parent('.result').html('<p>'+data+'</p>');
			},
			complete: function() {
				Cufon.replace('.result p');
			}
		});
		event.preventDefault();
	});
	
	// friend request decline
	$('.friend-request-decline').bind('click', function(event) {

		var url = $(this).attr('href');
		var fid = url.split('fid=')[1];
		var context = $(this);
		
		$.ajax({
			type: 'POST',
			url: url.split('?')[0],
			data: 'fid='+fid,
			success: function(data) {
				context.parent('.result').html('<p>'+data+'</p>');
			},
			complete: function() {
				Cufon.replace('.result p');
			}
		});
		event.preventDefault();
	});

	// forgot password form submit
	$('#forgotpassform').submit(function(event) {

		var uemail = $(this).children('#uemail').val();
		var action = $(this).attr('action');
		
		$.ajax({
			type: "POST",
			url: action,
			data: "uemail="+uemail,
			success: function(data) {
			$('#result').html(data);

			}
		});
		event.preventDefault();
	});
	
	// forgot password button press
	$('#forgotpassform .button').bind('click', function(event) {
		
		var uemail = $('#forgotpassform').children('#uemail').val();
		var action = $('#forgotpassform').attr('action');
		
		$.ajax({
			type: "POST",
			url: action,
			data: "uemail="+uemail,
			success: function(data) {
			$('#result').html(data);

			}
		});
		event.preventDefault();
	});

	$('#challenge-friend-form').submit(function(event) {
		var action = $(this).attr('action');
		var uname = $(this).find('#uname').val();
		var fname = $(this).find('#fname').val();
		var femail = $(this).find('#femail').val();
		var uid = $(this).find('#uid').val();
		var gid = $(this).find('#gid').val();
		var postdata = 'uname='+uname+'&fname='+fname+'&femail='+femail+'&uid='+uid+'&gid='+gid;
		
		$.ajax({
			type: 'POST',
			url: action,
			data: postdata,
			success: function(data) {
				$('.challenge-friend-popup .lightbox-inner').html(data);
				
			},
			complete: function() {
				// add listeners
				applyListeners();
				// convert input submits
				convertButtons();
				// apply cufon within lightbox
				applyCufon();
			}
		});

		event.preventDefault();
	});
	
	$('#challenge-friend-form .button').bind('click', function(event) {
		var action = $('#challenge-friend-form').attr('action');
		var uname = $('#challenge-friend-form').find('#uname').val();
		var fname = $('#challenge-friend-form').find('#fname').val();
		var femail = $('#challenge-friend-form').find('#femail').val();
		var uid = $('#challenge-friend-form').find('#uid').val();
		var gid = $('#challenge-friend-form').find('#gid').val();
		var postdata = 'uname='+uname+'&fname='+fname+'&femail='+femail+'&uid='+uid+'&gid='+gid;
		
		$.ajax({
			type: 'POST',
			url: action,
			data: postdata,
			success: function(data) {
				$('.challenge-friend-popup .lightbox-inner').html(data);
			},
			complete: function() {
				// add listeners
				applyListeners();
				// convert input submits
				convertButtons();
				// apply cufon within lightbox
				applyCufon();
			}
		});

		event.preventDefault();
	});
	
};

var applyCufon = function() {
	Cufon.replace('.lightbox .vag');
	Cufon.replace('.lightbox p');
	Cufon.replace('.lightbox li');
	Cufon.replace('.lightbox label');
}

var Popup = function(url, anchor, className, postdata)
{	 
	this.url = url;
	this.anchor = anchor;
	this.className = className;
	this.postdata = postdata;
	
	viewPortHeight = function(){ return self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;};
	viewPortWidth = function(){ return self.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;};
	scrollOffsetHeight = function(){ return self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;};
	scrollOffsetWidth = function(){ return self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;};
	
	var self = this;
		
	this.lightbox = function() {
		
		$('body').removeClass('lightbox-ready');
		$('body').addClass('lightbox-active');
		
		var useClassName ='';
		if(className) {
			useClassName = className;
		}
		
		var nextImg = self.anchor.parents('li').next().find('.gallery-icon a');
		var prevImg = self.anchor.parents('li').prev().find('.gallery-icon a');
		
		var data = '<img src="'+self.url+'" width="700" height="465" alt="'+self.anchor.attr('title')+'" /><p class="vag caption">'+self.anchor.attr('title')+'</p><div class="nav"><a href="#" class="prev"></a><a href="#" class="next"></a></div>';
		
		var close = '<a href="#" class="close"></a>';
		
		var overlay = '<div id="overlay"></div>';
		var wrapper = overlay+'<div id="overlay-window" class="lightbox '+useClassName+'"><div class="lightbox-inner with-fade">'+data+'</div>'+close+'</div>';
		
		// remove any popup that already exists
		if($('#overlay')) {
			$('#overlay').remove();
		}
		
		if($('#overlay-window')) {
			$('#overlay-window').remove();
		}
		
		if($('body').hasClass('lightbox-active')) {
			$('body').append(wrapper);
		}
		
		var $popupWindow = $('#overlay-window');
		
		$popupWindow.css('left',Math.round(viewPortWidth()/2) + scrollOffsetWidth() - Math.round(($popupWindow.outerWidth())/2));
		$popupWindow.css('top',Math.round(viewPortHeight()/2) + scrollOffsetHeight() - Math.round(($popupWindow.outerHeight())/2));
		
		$('#overlay-window .close').click(function(event){
			$('#overlay').remove();
			$('#overlay-window').remove();	
			event.preventDefault();
		});
		
		$('#overlay').bind('click', function(event) {
			$('#overlay').remove();
			$('#overlay-window').remove();
			event.preventDefault();
		});
		
		applyCufon();
		
		if(nextImg.attr('href') == undefined) {
			$('#overlay-window .next').addClass('disabled');
		}
		if(prevImg.attr('href') == undefined) {
			$('#overlay-window .prev').addClass('disabled');
		}
		
		$('#overlay-window .next').bind('click', function(event) {
			
			if (nextImg.attr('href') != undefined) {
				$('#overlay-window img').attr('src', nextImg.attr('href'));
				$('#overlay-window img').attr('alt', nextImg.attr('title'));
				$('#overlay-window p.caption').html(nextImg.attr('title'));
				Cufon.replace('.lightbox .vag');
				prevImg = nextImg.parents('li').prev().find('.gallery-icon a');
				nextImg = nextImg.parents('li').next().find('.gallery-icon a');
				$('#overlay-window .prev').removeClass('disabled');
				if(nextImg.attr('href') == undefined) {
					$(this).addClass('disabled');
				}
			}
			event.preventDefault();
			
		});
		
		$('#overlay-window .prev').bind('click', function(event) {

			if (prevImg.attr('href') != undefined) {
				$('#overlay-window img').attr('src', prevImg.attr('href'));
				$('#overlay-window img').attr('alt', prevImg.attr('title'));
				$('#overlay-window p.caption').html(prevImg.attr('title'));
				Cufon.replace('.lightbox .vag');
				nextImg = prevImg.parents('li').next().find('.gallery-icon a');
				prevImg = prevImg.parents('li').prev().find('.gallery-icon a');
				$('#overlay-window .next').removeClass('disabled');
				if(prevImg.attr('href') == undefined) {
					$(this).addClass('disabled');
				}
			}
			event.preventDefault();
			
		});
		
		
	};
	
	this.reveal = function() {
		
		$('body').removeClass('lightbox-ready');
		$('body').addClass('lightbox-active');
		
		var useClassName ='';
		if(className) {
			useClassName = className;
		}
		
		var data = self.anchor.next('.popup-data').html();
		
		var wrapper = '<div id="overlay-window" class="lightbox '+useClassName+'"><div class="lightbox-inner">'+data+'</div></div>';
		
		// remove any popup that already exists
		if($('#overlay')) {
			$('#overlay').remove();
		}
		
		if($('#overlay-window')) {
			$('#overlay-window').remove();
		}
		
		if($('body').hasClass('lightbox-active')) {
			$('body').append(wrapper);
		}
		
		var $popupWindow = $('#overlay-window');
		
		$popupWindow.css('left',Math.round(viewPortWidth()/2) + scrollOffsetWidth() - Math.round(($popupWindow.outerWidth())/2));

		var top = self.anchor.offset().top-$popupWindow.height()-100;
		$popupWindow.css('top',top);
		
	};
	
	this.open = function() {
		
		$('body').removeClass('lightbox-ready');
		$('body').addClass('lightbox-active');
		
		var close = '';
		if(!anchor) {
			close = '<a href="#" class="close"></a>';
		}
		
		var useClassName ='';
		if(className) {
			useClassName = className;
		}
		
		var overlay = '<div id="overlay"></div>';
		var wrapper = overlay+'<div id="overlay-window" class="lightbox '+useClassName+'"><div class="lightbox-inner with-fade"><p class="loader"><img src="/wp-content/themes/pombear/images/icons/ajax_loader.gif" width="16" height="16" alt="" /></p></div>'+close+'</div>';
		
		
		// remove any popup that already exists
		if($('#overlay')) {
			$('#overlay').remove();
		}
		
		if($('#overlay-window')) {
			$('#overlay-window').remove();
		}
		
		if($('body').hasClass('lightbox-active')) {
			$('body').append(wrapper);
		}
		
		var $popupWindow = $('#overlay-window');

		$popupWindow.css('left',Math.round(viewPortWidth()/2) + scrollOffsetWidth() - Math.round(($popupWindow.outerWidth())/2));
		$popupWindow.css('top',Math.round(viewPortHeight()/2) + scrollOffsetHeight() - Math.round(($popupWindow.outerHeight())/2));
		
		if (this.postdata !== null) {
			requestType = 'POST';
		}
		else {
			requestType = 'GET';
		}

		$.ajax({
			dataType: 'html',
			type: requestType,
			url: self.url,
			data: this.postdata,
			context: document.body,
			success: function(data) {
				
				$('#overlay-window .lightbox-inner').html(data);
				
				var top = Math.round(viewPortHeight()/2) + scrollOffsetHeight() - Math.round(($popupWindow.outerHeight())/2);
				if (top <	0) {
					top = 50;
				}
				$popupWindow.css('left',Math.round(viewPortWidth()/2) + scrollOffsetWidth() - Math.round(($popupWindow.outerWidth())/2));
				$popupWindow.css('top',top);
				
				$('#overlay-window .close').click(function(){
					$('#overlay').remove();
					$('#overlay-window').remove();	
					return false;
				});
				
				$('#overlay').bind('click', function(event) {
					$('#overlay').remove();
					$('#overlay-window').remove();
				});
				
				applyCufon();
				
				
				
				/*$('.lightbox .with-fade').animate({
					opacity: 1
					}, 1000, function() {
					// Animation complete.
					});
				*/
				
			},
			complete: function() {
				// add listeners
				applyListeners();
				// convert input submits
				convertButtons();
			}
		});
	};
	
	this.close = function() {
		$('#overlay').remove();
		$('#overlay-window').remove();
		$('body').removeClass('lightbox-active');
		$('body').addClass('lightbox-ready');
	};

	if(self.anchor) {
		self.anchor.bind('mouseleave', function() {
			$('body').removeClass('lightbox-active');
			$('body').addClass('lightbox-ready');
		});
	}
	
};

var setFlash = function(id, filename, w, h) {

	flashMovie = $(id);
	
	flashMovie.flash(
		{
			swf: filename,
			width: w,
			height: h,
			play: false
		}
	);	
	
};


var parentsTabs = function()
{
	this.activeTab = 0;
	this.baseObj = null;
	var self = this;


	this.init = function()
	{
		var query = window.location.search.substring(1);
		var area = query.split('=')[1];
		if (area === 'General') {
			this.activeTab = 0;
		}
		else if (area === 'FAQ') {
			this.activeTab = 1;
		}
		else if (area === 'Stockists') {
			this.activeTab = 2;
		}
		else if (area === 'Newsletter') {
			this.activeTab = 3;
		}
		self.baseObj = $('#tabbed_box');
		self.showCurrentTab();
		self.baseObj.find('#tabbed_box_tabs li a').bind('click', function(){				
			self.setCurrentTab($(this).parent().index());
			self.showCurrentTab();
			return false;					
		});

		$('.newsletter').bind('click', function() {
			self.setCurrentTab(3);
			self.showCurrentTab();

			return false;
		});
	};

	this.setCurrentTab = function(tab)
	{
	self.activeTab = tab;		
	};
	
	
	this.showCurrentTab = function()
	{
	self.baseObj.find('#tabbed_box_tabs li').each(function(i){
			if(i !== self.activeTab)
			{
				$(this).removeClass('current');	
			}
			else
			{
				$(this).addClass('current');	
			}
				
	});

	self.baseObj.find('#tabbed_box_content .hidden').each(function(i){
		if(i !== self.activeTab)
		{
			$(this).hide();		
		}
		else
		{
			$(this).show();		
		}
				
	});	
	};
	
	
	
};


var fifo = function()
{
	this.container = null;
	var self = this;
	
	this.init = function()
	{
		self.container = [];
	};
	
	this.push = function(data)
	{
		self.container.push(data);
	};
	
	this.next = function()
	{
		var data;
		self.container.reverse();
		data = self.container.pop();
		self.container.reverse();
	return data;
	};
};




var packSelector = function()
{
	this.list = null;
	this.sb = null;
	
	var self = this;
	
	this.init = function(sb)
	{
		self.sb = sb;
	self.list = $('ul#products');
	self.list.find('a').bind('click', function(){
		updateVoteId($(this).attr('href'));
		var $this = $(this);
		
		var $li_index = $this.parent().index();
			
		var $img = $this.find('img');
		if(!$img.hasClass('current'))
		{		
			var src = $img.attr('src');
			var src_arr = src.split('.');
			var file_base = src_arr.length-2;
			sb.update(src_arr[file_base], $li_index);
			
			src_arr[file_base] += '_sel';															
			src = src_arr.join('.');						
			
			var current_image = new Image();
			current_image.src = src;
			
			
			self.list.find('img').each(function(i){

			var $this = $(this);
			if($this.hasClass('current'))
				{
				var src = $this.attr('src');
				$this.attr('src', src.replace('_sel', ''));
				$this.removeClass('current');
				}
			});
			
			
				$img.addClass('current');
				$img.attr('src', current_image.src);

		}

		
		return false;
		});
	};
	
	
	
};

var snackBoard = function()
{
	this.setup = false;
	this.baseObj = null;
	this.expanded = null;
	this.listening = null;
	this.hiddenObj = null;
	this.ps = null;
	this.currentProduct = null;
	this.innerIndex = null;
	
	var self = this;
	
	
	this.switchProduct = function(index)
	{
	self.baseObj.find('.product').each(function(i){
	
		var $this = $(this);
		if(i !== index)
		{
		$this.hide();
		$this.find('.hidden').hide();
		}
		else
		{				
		self.currentProduct = $this;
		
		if(self.expanded)
		{		
		self.currentProduct.find('.hidden').show();
		}
		
		self.switchInnerContent();
		
		self.currentProduct.show();
		}
			
	});
	};
	
	
	this.switchInnerContent = function()
	{
		self.currentProduct.find('.hidden div').each(function(i){			 
		if(i === self.innerIndex) {
			$(this).show();
		}
		else {
			$(this).hide();
		}
	});
			
	};
	

	this.init = function()
	{		 
	self.expanded = false;
	self.listening = true;
	self.baseObj = $('#snack_board_outer');

	self.baseObj.find('.hidden').hide();
	// hide all products except first
	self.switchProduct(0);
	
	self.hiddenObj = new fifo();
	self.hiddenObj.init();
	
	self.baseObj.find('#close_button').bind('click', self.close);
	self.baseObj.find('#nutrition_info').bind('click', self.getNutritionInfo);	
	self.baseObj.find('#ingredients').bind('click', self.getIngredientsInfo);
	
	self.ps = new packSelector();
	self.ps.init(self);
	};
	
	
	this.update = function(img, index) {
		self.switchProduct(index);
		
	};
	
	this.getNutritionInfo = function() {
		if(self.listening) {
			self.listening = false;
			
			var $this = $(this);
			self.hiddenObj.push($this);
			//$this.fadeOut();
			
			if(self.expanded)
			{
			self.showLastButton();
			}
			
			self.getInfo('ninfo');
		}
		return false;
	};
	
	
	this.getIngredientsInfo = function()
	{
	if(self.listening)
	{
		self.listening = false;
		
		var $this = $(this);
		self.hiddenObj.push($this);
		//$this.fadeOut();
		
		if(self.expanded)		
		{
		self.showLastButton();
		}
		
		
		
		self.getInfo('ingredients');
	}
		return false;
	};
	
	
	
	this.close = function()
	{
	if(self.listening)
	{
		self.listening = false;
		self.toggle();
	}
	return false;
	};
	
	
	this.getInfo = function($type)
	{				
		 // now using content from within page	 
		 self.innerIndex = 0; // n_info
		 if($type === 'ingredients')
		 {
			 self.innerIndex = 1;
		 }
		
		 self.switchInnerContent();
		 
		 if(!self.expanded)
		 {
			 self.toggle();
		 }
		 else
		 {
			 self.listening = true;	 
		 }
		 
	};
	
	
	this.showLastButton = function()
	{
	var o = self.hiddenObj.next();
	if(typeof(o) === 'object')
	{
		o.fadeIn();		
	}
	};
	
	this.toggle = function()
	{				
	var h = self.currentProduct.find('.hidden');
	
	if(self.expanded)
	{	
		self.showLastButton();
		self.baseObj.find('#close_button').fadeOut();
		h.slideUp(1000, self.switchToggled);
	}
	else
	{
		h.slideDown(1000, self.switchToggled);
	}
	return false;
	};
	
	
	this.switchToggled = function()
	{
	if(self.expanded)
	{
		self.expanded = false;
	}
	else
	{
		self.expanded = true;
		self.baseObj.find('#close_button').fadeIn();
	}
	self.listening = true; 
	};
	
};



$(document).ready(function(){
	
	if($('#products').length) {
		var firstImg = $('#products li').first().find('a img');
		var selSrc = firstImg.attr('src').split('.png')[0];
		selSrc += '_sel.png';
		$('#products li').first().find('a img').attr('src', selSrc);
		firstImg.addClass('current');
	}
	// toggle stockists
	$('#single').hide();
	
	$('a.show1').click(function() {
		$('#multi').show('fast');
		$('#single').hide('fast');
		return false;
	});

	$('a.hide1').click(function() {
		$('#multi').hide('fast');
		$('#single').show('fast');
		return false;
	});
	
	$('.board-large.with-scroll .board-content').jScrollPane({showArrows: true});
	
	if($('#tabbed_box_outer').length > 0)
	{
		var t = new parentsTabs();
		t.init();
	}
	
	if($('#snack_board_outer').length > 0)
	{
	var s = new snackBoard();
	s.init();
	}
	
	$('.homepage-lightbox').bind('click', function() {
		var url = $(this).attr('href');
		
		popup = new Popup(url);
		popup.open();

		return false;
	});
	
	$('.forgot-password').bind('click', function() {
		var url = $(this).attr('href');
		
		popup = new Popup(url, null, 'forgot-password-popup');
		popup.open();

		return false;
	});
	
	$('.add-friend').bind('click', function() {
		var url = $(this).attr('href');
		
		popup = new Popup(url, null, 'add-friend-popup');
		popup.open();

		return false;
	});
	
	$('#invite-friend').submit(function(event) {
		
		var action = $(this).attr('action');
		var uname = $(this).find('#uname').val();
		var fname = $(this).find('#fname').val();
		var femail = $(this).find('#femail').val();
		var uid = $(this).find('#uid').val();
		
		var postdata = 'uname='+uname+'&fname='+fname+'&femail='+femail+'&uid='+uid;

		popup = new Popup(action, null, 'invite-friend-popup', postdata);
		popup.open();

		event.preventDefault();
	});
	
	$('#invite-friend .button').bind('click', function(event) {

		var action = $('#invite-friend').attr('action');
		var uname = $('#invite-friend').find('#uname').val();
		var fname = $('#invite-friend').find('#fname').val();
		var femail = $('#invite-friend').find('#femail').val();
		var uid = $('#invite-friend').find('#uid').val();
		var postdata = 'uname='+uname+'&fname='+fname+'&femail='+femail+'&uid='+uid;

		popup = new Popup(action, null, 'invite-friend-popup', postdata);
		popup.open();

		event.preventDefault();
	});
	
	$('.challenge-friend').bind('click', function(event) {
		var url = $(this).attr('href');
		
		popup = new Popup(url, null, 'challenge-friend-popup');
		popup.open();

		event.preventDefault();
	});	

	
	$('.friend-info').bind('mouseenter', function(event) {
		
		var url = $(this).attr('href');
		var anchor = $(this);
		
		popup = new Popup(url, anchor, 'friends-popup');
		popup.reveal(); 
		
		event.preventDefault();
		
	});
	
	$('.friend-info').bind('mouseleave', function(event) {
		if($('#overlay-window')) {
			$('#overlay-window').remove();
			$('body').removeClass('lightbox-active');
			$('body').addClass('lightbox-ready');
		}
		
		event.preventDefault();
	});
	
	$('.friend-info').bind('click', function(event) {
		event.preventDefault();
	});
	
	
	
	$('.new-requests').bind('click', function(event) {
		
		var url = $(this).attr('href');
		
		popup = new Popup(url, null, 'friends-popup');
		popup.open(); 
		
		event.preventDefault();
		
	});
	
	$('#characters map area.pop').bind('click', function(event) {
		
		var url = $(this).attr('href');

		popup = new Popup(url,null, 'characters-popup');
		popup.open(); 
		
		event.preventDefault();
		
	});
	
	$('#login-cta').bind('click', function(event) {
		var context = $(this);
		$.ajax({
			url: '/wp-content/themes/pombear/includes/signin.php',
			success: function(data) {
				context.parents('.right').html(data);
				convertButtons();
			}
		});		
		event.preventDefault();
	});
	
	// convert input submits
	convertButtons();
	
	// snack vote
	$('#vote').bind('click', function(event) {
		var url = $(this).attr('href');
		
		popup = new Popup(url);
		popup.open();

		event.preventDefault();
	});
	
	// download error notification
	$('.downloaderror').bind('click', function(event) {
		var url = $(this).attr('href');
		
		popup = new Popup(url);
		popup.open();

		event.preventDefault();
	});
	
	// challenge error notification
	$('.challenge-error').bind('click', function(event) {
		var url = $(this).attr('href');
		
		popup = new Popup(url);
		popup.open();

		event.preventDefault();
	});

	// search friends carousel
	$('#search-friends-carousel .next').bind('click', function() {
		var $context = $(this);
		var page = parseInt($context.attr('data-page'));
		$context.attr('data-page', page+1);
		var carousel = searchFriendsCarousel.data('carousel');
		var q = window.location.search.substring(1);
		$.ajax({
			type: 'GET',
			url: '/members-list',
			data: 'page='+page+'&'+q,
			success: function(data) {
				$('#search-friends-carousel ul').append(data);
				carousel.items = $('#search-friends-carousel ul').children('li');
				carousel.noOfItems = carousel.items.length;
				carousel.noOfPages = Math.ceil((carousel.noOfItems - carousel.options.itemsPerPage) / carousel.options.itemsPerTransition) + 1;
				carousel.setRunnerWidth();
				carousel.nextLink.removeClass('disabled');
				applyListeners();
			}
		});
	});
	
	// friend carousel
	$('#friend-carousel .next').bind('click', function() {
		var $context = $(this);
		var page = parseInt($context.attr('data-page'));
		$context.attr('data-page', page+1);
		var carousel = friendCarousel.data('carousel');
		
		$.ajax({
			type: 'GET',
			url: '/profile-member-list',
			data: 'page='+page,
			success: function(data) {
				$('#friend-carousel ul').append(data);
				carousel.items = $('#friend-carousel ul').children('li');
				carousel.noOfItems = carousel.items.length;
				carousel.noOfPages = Math.ceil((carousel.noOfItems - carousel.options.itemsPerPage) / carousel.options.itemsPerTransition) + 1;
				carousel.setRunnerWidth();
				carousel.nextLink.removeClass('disabled');
				applyListeners();
			}
		});
	});
	
	// avatar carousel
	$('#avatar-head-carousel .next').bind('click', function() {
		if(!$('#avatar-head-carousel li').last().hasClass('selected')) {
			$('#avatar-head-carousel .selected').removeClass('selected').next().addClass('selected');
			populateAvatarIds();
		}
	});
	
	$('#avatar-head-carousel .prev').bind('click', function() {
		if(!$('#avatar-head-carousel li').first().hasClass('selected')) {
			$('#avatar-head-carousel .selected').removeClass('selected').prev().addClass('selected');
			populateAvatarIds();
		}
	});
	
	$('#avatar-body-carousel .next').bind('click', function() {
		if(!$('#avatar-body-carousel li').last().hasClass('selected')) {
			$('#avatar-body-carousel .selected').removeClass('selected').next().addClass('selected');
			populateAvatarIds();
		}
	});
	
	$('#avatar-body-carousel .prev').bind('click', function() {
		if(!$('#avatar-body-carousel li').first().hasClass('selected')) {
			$('#avatar-body-carousel .selected').removeClass('selected').prev().addClass('selected');
			populateAvatarIds();
		}
	});
	
	$('#avatar-legs-carousel .next').bind('click', function() {
		if(!$('#avatar-legs-carousel li').last().hasClass('selected')) {
			$('#avatar-legs-carousel .selected').removeClass('selected').next().addClass('selected');
			populateAvatarIds();
		}
	});
	
	$('#avatar-legs-carousel .prev').bind('click', function() {
		if(!$('#avatar-legs-carousel li').first().hasClass('selected')) {
			$('#avatar-legs-carousel .selected').removeClass('selected').prev().addClass('selected');
			populateAvatarIds();
		}
	});
	

	$('.gallery-item').prepend('<span class="enlarge"></span>');
	$('#gallery br').remove();
	
	$('.gallery-item a').bind('click', function(event) {
		
		var url = $(this).attr('href');
		var anchor = $(this);
		
		popup = new Popup(url, anchor, 'gallery-lightbox');
		popup.lightbox();
		
		event.preventDefault();
		
	});
	
	$('.gallery-item .enlarge').bind('click', function(event) {
		
		var url = $(this).next().children('a').attr('href');
		var anchor = $(this).next().children('a');
		
		popup = new Popup(url, anchor, 'gallery-lightbox');
		popup.lightbox();
		
		event.preventDefault();
		
	});
	
	

	
	Cufon.replace('.vag');
	Cufon.replace('.caption p');
	Cufon.replace('.button span span');
	Cufon.replace('label');
	Cufon.replace('.lightbox p');
	Cufon.replace('#welcome_board .left p');
	Cufon.replace('#characters p');
	Cufon.replace('#snacks_board .left p');
	
	
	
});

