var boxAnimating = false;
var imageCurrent;
var imagePopupTimer;
$(document).ready(function(){
	if (!$.browser.ie || ($.browser.ie && parseInt($.browser.version) < 8)) {
		$('div.box').css('backgroundPosition', '0 0');
		$('div.box.active').css('backgroundPosition', '0 -54px');
		$('div.boxTitle > a').live('click', function(){
			boxClicked = $(this).parent().parent(':not(.active)');
			if (!boxAnimating && $(boxClicked).length > 0) {
				boxAnimating = true;
				boxLastActive = $('div.box.active');
				$(boxLastActive).animate({
					marginTop: '37px'
				}, 400).find('div.boxTitle').animate({
					height: '0px'
				}, 400).end().find('div.boxContents').find('div.boxContentHolder').fadeOut(100).end().animate({
					backgroundColor: '#bfac8e',
					height: '400px',
					width: '99px'
				}, 400, function(){
					$(boxLastActive).removeClass('active').css({backgroundPosition: '0 0'}).animate({
						marginTop: '10px'
					}, 100).find('div.boxTitle').animate({
						height: '27px'
					}, 100);
				});
				$(boxClicked).animate({
					marginTop: '27px'
				}, 400).find('div.boxTitle').animate({
					height: '0px'
				}, 400).end().find('div.boxContents').animate({
					backgroundColor: '#ffffff',
					height: '420px',
					width: '658px'
				}, 400, function(){
					$(boxClicked).addClass('active').removeClass('left').removeClass('right').css({backgroundPosition: '0 -54px'}).animate({
						marginTop: '0'
					}, 100).find('div.boxTitle').animate({
						height: '27px'
					}, 100);
					if ($(boxClicked).is('.contentLoaded')) {
						$(boxClicked).find('div.boxContentHolder').fadeIn(100);
						boxAnimating = false;
					} else {
						$(boxClicked).addClass('contentLoaded').find('div.boxContentHolder').addClass('loader').load('/content/'+$(boxClicked).attr('id')+'.php', '', function(){
							$(this).removeClass('loader').fadeIn(100);
							boxAnimating = false;
						});
					}
					$(boxClicked).prevAll('div.box').removeClass('right').addClass('left').end().nextAll('div.box').removeClass('left').addClass('right');
				});
			}
			return false;
		});
	}
	$('a.linkArt').click(function() {
		$('div#art > div.boxTitle > a').click();
		return false;
	});
	$('a.imageLink,a.photoLink').live('click', function(){
		imageCurrent = $(this);
		if ($(imageCurrent).is('.imageLink')) {
			imagePopup('DA');
		} else if ($(imageCurrent).is('.photoLink')) {
			imagePopup('Flickr');
		}
		return false;
	}).live('mouseout', function(){
		clearTimeout(imagePopupTimer);
	});
	$('#popupBackground').mouseover(function(){
		clearTimeout(imagePopupTimer);
		$(this).hide();
		$('#imagePopup').fadeOut(250);
	});
	$('a#imagePopupClose').live('click', function(){
		$('#popupBackground').hide();
		$('#imagePopup').fadeOut(250);
		return false;
	});
	$('p.linkInfo').hide();
	$('.linkImage').live('mouseover', function(){
		$(this).parent().find('p.linkInfo').stop(true, true).fadeIn(100);
	}).live('mouseout', function(){
		$(this).parent().find('p.linkInfo').stop(true, true).fadeOut(100);
	});
});

function imagePopup(linkType) {
	thumb = $(imageCurrent).find('.imageAlt').text();
	thumbHeight = $(imageCurrent).find('.thumbHeight').text();
	url = $(imageCurrent).attr('href');
	$('#imagePopupImage').empty().load('/_php/thumbCache.php?thumb='+escape(thumb)+'&url='+escape(url)).css('height', thumbHeight + 'px');
	p = $(imageCurrent).position();
	p.top = p.top - 100;
	if (p.top < 0) p.top = 0;
	if (p.top + 400 > $(window).height() + $(window).scrollTop()) {
		p.top = $(window).height() + $(window).scrollTop() - 400;
	}
	p.left -= 160;
	if (p.left < 0) p.left = 0;
	$('#popupBackground').height($(window).height()).width($(window).width()).show();
	$('#imagePopup').css({
		top : p.top, 
		left : p.left
	}).fadeIn(250);
	$('.imagePopupLink').hide();
	$('#link'+linkType).show();
}