$(function(){
	$('#projects').projects();
	$('.projects-notext').lightbox();
	$('#people').people();
});



$.fn.projects = function(){
	var self = $(this);
		self.block = self.find('.item');
		
	self.block.hover(function(){
		if (!$(this).hasClass('active')) {
			$(this).find('a span').show();
			var _self = $(this);
			_self.a = $(this).find('a');
			_self.a.stop(true).animate({paddingBottom: 14});
			//alert ('1');
		}
	}, function(){
		if (!$(this).hasClass('active')) {
			$(this).find('a span').hide();
			var _self = $(this);
			_self.a = $(this).find('a');
			_self.a.stop(true).animate({paddingBottom: 0});
		}
	}).click(function(){
		$(document).attr('location', $(this).find('a').attr('href'));
	});
}
$.fn.people = function(){
	var self = $(this);
		self.a = self.find('a');
	
	self.a.click(function(){
		var _self = $(this).parent().parent();
			_self.src = _self.find('a').attr('href');
			_self.name = _self.find('strong').html(); // b
			_self.pos = _self.find('em').html(); // i

		self.lightbox = $('<div class="people-popup"><div class="cover"></div><div class="content"><img src="' + _self.src + '" alt="' + _self.name + '" /><b>' + _self.name + '</b><i>' + _self.pos + '</i></div></div>').appendTo('body');
		self.cover = self.lightbox.find('.cover').css({opacity: 0.7, filter: 'alpha(opacity = 70)', height: $(window).height()});
		self.check = function(){
			self.img = self.lightbox.find('.content');
			self.lightbox.find('.content').css({top: ($(window).height() - self.img.height()) / 2, left: ($(window).width() - self.img.width()) / 2});
		}
		self.check();
		self.lightbox.hide().fadeIn('fast');
		$(window).resize(function(){
			self.check();
		});
		self.cover.click(function(){
			self.lightbox.fadeOut('fast', function(){
				$(this).remove();
			});
		});
		return false;
	});
}
$.fn.lightbox = function(){
	var self = $(this);
		self.a = self.find('a');
	
	self.a.each(function(i){
		$(this).data({i: i});
	}).click(function(){
		var _self = $(this).parent().parent();
			_self.src = _self.find('a').attr('href');

			_self.name = _self.find('a').attr('lightbox'); // b
		
			
		
		self.active = $(this).data('i');
		self.lightbox = $('<div class="lightbox" id="lightbox"><div class="cover"></div><table class="content"><tr><td style="text-align:center;"><table style="margin-left:auto;margin-right:auto;"><tr><td style="background-color:#ffffff;padding:5px 5px 10px 5px;"><img src="' + _self.src + '" alt="" /><br /><i>' + _self.name + '</i></td></tr></table></td></tr></table></div>').appendTo('body');
		//self.lightbox = $('<div class="people-popup"><div class="cover"></div><div class="content"><img src="' + _self.src + '" alt="' + _self.name + '" /><i>' + _self.name + '</i></div></div>').appendTo('body');
		
		self.cover = self.lightbox.find('.cover').css({opacity: 0.7, filter: 'alpha(opacity = 70)', height: $(window).height()});
		self.lightbox.find('.content').css({height: $(window).height()});

		self.lightbox.hide().fadeIn('fast');
		self.fade = function(){
			$(document).unbind('click').unbind('keydown');
			self.lightbox.fadeOut('fast', function(){
				$(this).remove();
				self.off = 0;
			});
		}
		
		self.lightbox.find('img').click(function(){
			if (self.off != 1) {
				self.off = 1;
				if (self.active + 1 > self.a.size() - 1)
					self.fade();
				else {
					self.active++;
					self.lightbox.find('img').fadeOut('fast', function(){
						$(this).attr('src', self.a.eq(self.active).attr('href')).fadeIn('fast', function(){
							self.off = 0;
						});
					});
				}
			}
		});
		
		$(document).click(function(e){
			if ($(e.target).parent().parent().parent().hasClass('content')) self.fade();
		});
		
		$(document).keydown(function(e){
			var code = e.keyCode;
			switch (code) {
				case 37:
					if (self.off != 1) {
						self.off = 1;
						if (self.active - 1 < 0)
							self.fade();
						else {
							self.active--;
							self.lightbox.find('img').fadeOut('fast', function(){
								$(this).attr('src', self.a.eq(self.active).attr('href')).fadeIn('fast', function(){
									self.off = 0;
								});
							});
						}
					}
				break;
				case 39: self.lightbox.find('img').trigger('click'); break;
			}
		});
		return false;
	});
}