$(document).ready(function() {

////// CLASSICS

    // OPEN LINK IN NEW WINDOW
	$('a.new-window, #twitter_div a').click(function(){
		window.open(this.href);
		return false;
	});

    // LIGHTBOX
	$('a.lightbox').each(function(){
		$(this).lightBox();
	});
	$('.lightbox').each(function(){$(this).find('a').lightBox()});


////// SITE

	// FANCYBOX
	$("a[rel=fancybox], a.fancybox").fancybox({
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'titleShow': false,
		'overlayOpacity'	:	'0.6',
		'overlayColor'		:	'#000'
	});

	// GALLERY
	$('.thumb a').click(function(){

		var photo = this.href;
		var title = this.title;
		var modalHolder = "#kombox-holder";
		var modalWindow = "#kombox-window";
		var loadingMarginTop = ($(window).height()/2)-25;
		var loadingMarginLeft = ($(window).width()/2)-25;

		function closeModal(){
			$(modalWindow).remove();
			$(modalHolder).fadeOut('500', function(){
				$(modalHolder).remove();
			});
		}

		$("body").prepend('<div id="kombox-holder"></div>');
		$(modalHolder).css({
			'width': $(window).width(),
			'height': $(document).height()
		});

		// FX
		$(modalHolder).fadeIn('500', function(){
			$('body').prepend('<div id="kombox-window"></div>');

				$(modalWindow)
				.css({
					'margin-top' : loadingMarginTop+'px',
					'margin-left' : loadingMarginLeft+'px'
				})
				.prepend('<img id="loader" src="'+base_web_dir+'images/ajax-loader.gif" alt="loading..." />');

				$(modalWindow).fadeIn('500', function(){
					$(modalHolder).append('<img id="pre-active" src="#" />');

					$('img#pre-active').attr('src', photo).css({'visibility' : 'hidden'}).load(function() {

						var photoWidth = $('img#pre-active').width();
						var photoHeight = $('img#pre-active').height();
						var finalMarginTop = (($(window).height()/2)-(photoHeight/2))-25;
						var finalMarginLeft = (($(window).width()/2)-(photoWidth/2))-25;

						$(modalHolder).remove('#pre-active');
						$(modalWindow).append('<img id="pre-active" src="'+photo+'" />');
						$('img#pre-active').css({'display' : 'none'});
							
						$(modalWindow).animate({
							width: photoWidth+"px",
							height: photoHeight+"px",
							marginTop: finalMarginTop+'px',
							marginLeft: finalMarginLeft+'px'
						}, {duration: 500, complete: function(){
							$('img#loader').fadeOut( 200, function(){
								$('img#pre-active').fadeIn();
								$(modalWindow).append('<div id="caption"><div class="caption-bg"></div><p>'+title+'</p></div>');
								$('.caption-bg').css({'width' : photoWidth+'px'});

								// CLOSE
								$(modalWindow).append('<a id="kombox-close"></a>');
								$(modalWindow).hover(function() {
									$('#kombox-close').fadeIn(200);
								}, function(){
									$('#kombox-close').fadeOut(200);
								});
								$('#kombox-close').click(function(){
									closeModal();
								});

							});
							
						}});

					});

					$(modalHolder).click(function(){
						closeModal();
					});

				});

		});



		
		return false;
	});







});
