var $overlay;
var $lightbox;
var lightboxCurr = 1;
var $lightboxNext;
var $lightboxPrev;
var $navigation = {};
var imageHtml = '<div id="popup"><div id="ph"><div id="phl"><div></div><span>01 of 10</span></div><div id="phr"><span>photo  &copy; <span></span></span></div></div><div id="pi"><a id="pin" href="#next" title="Next"><span>Next</span></a><a id="pip" href="#prev" title="Previous"><span>Previous</span></a></div></div>';
var videoHtml = '<div id="popup"><div id="ph"></div><div id="pi"></div></div>';

$(document).ready(function(){
	
	// objects
	$overlay = $("#overlay");
	$lightbox = $("#lightbox");
	
	// events
	$lightbox.click(function(){ hideLightbox(); return false; });
	$("#work #videos a").click(function(){ showLightbox($(this).attr('id')); return false; });
	$("#photos a img").parent("a").click(function(){ showLightbox($(this).attr('id')); return false; });
	
});

function showLightbox( id ) {
	
	sp = id.split('-');
	$overlay.show(); 
	$lightbox.show();
	
	switch( sp[0] ) {
		case 'image':
			lightboxCurr = parseInt(sp[1]);
			$lightbox.html(imageHtml);
			showGallery(parseInt(sp[1]));
		break;
		case 'video':
			$lightbox.html(videoHtml);
			$("#pi").flash({swf:"http://www.youtube.com/v/"+videos[sp[1]],width:'839',height:'487',wmode:'direct'});
		break;
	}
	
}

function showGallery(id) {
	$lightboxNext = $("#pin");
	$lightboxPrev = $("#pip");
	lightboxImage(id);
	$lightboxNext.click(function(){ lightboxNext(lightboxCurr+1); return false; });
	$lightboxPrev.click(function(){ lightboxPrev(lightboxCurr-1); return false; });
}

function lightboxNext(id) { if(id==(cphotos+1)) id = 0; lightboxImage(id); }
function lightboxPrev(id) { if(id<0) id = cphotos; lightboxImage(id); }
function lightboxImage(id) { 
	lightboxCurr = id;
	$("#phl span",$lightbox).text((id+1)+" of "+parseInt(cphotos+1));
	$("#phr span",$lightbox).hide(); 
	$("#pi").css("background-image","url('"+photos[id].src+"')");
	if(photos[id].copyright.length>1) {
		$("#phr span",$lightbox).show();
		$("#phr span span",$lightbox).text(photos[id].copyright);
	}
}

function hideLightbox() { 
	$overlay.hide();
	$lightbox.hide(); 
}