$(document).ready(function() {

	var fpwd = ($(document).width() > $(window).width()) ? $(document).width()  :  $(window).width() ;


/* events */
/* handle link click */	
	$('.folioport1').live ('click', function() {
		var clkLink = $(this);
		startfp(clkLink);
		return false;
	});

	$('#close').live('click', function() {
		closefp();
		return false;
	});

	$('#prev').live('click', function() {
		var tmptotal = parseInt($('#totalitems').text());
		var tmpndx = parseInt($(this).attr('href'));

		//alert($(this).attr('href'));
		loadport(tmpndx,tmptotal,false);
		return false;
	});

	$('#next').live('click', function() {
		var tmptotal = parseInt($('#totalitems').text());
		var tmpndx = parseInt($(this).attr('href'));

		//alert($(this).attr('href'));
		loadport(tmpndx,tmptotal,false);
		return false;
	});


/* functions */

	function startfp(clkLink) {
		clkLink.addClass('fpclkd');
		var tmpndx=parseInt(clkLink.attr('id').replace('thumb', ''));
		var tmptotal = parseInt($('#totalitems').text());

		setupbg();
		setupholder();
		$('#fpbg').show().animate({'opacity':.7},500);
		
		loadport(tmpndx,tmptotal, true);
	}
	
	function loadport(tmpndx,tmptotal,start) {
	
		//for tall banners that can be either 120 or 160 wide
		var tmptw = ($('#banner'+tmpndx+'tall').hasClass('120')) ? 120 : 160; 
		var tmpfphw = ($('#banner'+tmpndx+'tall').hasClass('120')) ? 440 : 480;


		var tmp=$('#copy'+tmpndx).html();
	
		var tmpnav = '<div id="nav">'
		+'<a id="prev" href="'+((tmpndx==1) ? tmptotal : tmpndx-1)+'">Prev</a>'
		+'<a id="next" href="'+((tmpndx==tmptotal) ? 1 : tmpndx+1)+'">Next</a>'
		+'<a id="close" href="#">Close</a></div><div class="clear"></div>';
	
		tmpcopy = '<div id="tall"></div><div id="wide"></div><div id="text">'+tmp+tmpnav+'</div>';
		
		$('#fpholder').html(tmpcopy);
		
		$('#fpholder #text').css('display', 'block');

	
		var swfcodewide = '<div id="wide"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="250">'
	   +'<param name="movie" value="'+$('#banner'+tmpndx+'wide').attr('href')+'">'
	   +'<param name="allowfullscreen" value="true">'
	   +'<param name="allowscriptaccess" value="always">'
	   +'<embed '
			  +'src="'+$('#banner'+tmpndx+'wide').attr('href')+'" '
			 +' width="300" '
			  +'height="250" '
			  +'allowscriptaccess="always" '
	   +'/>	</object></div>';
	
		var swfcodetall = '<div id="tall"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+tmptw+'" height="600">'
	   +'<param name="movie" value="'+$('#banner'+tmpndx+'tall').attr('href')+'">'
	   +'<param name="allowfullscreen" value="true">'
	   +'<param name="allowscriptaccess" value="always">'
	   +'<embed '
			  +'src="'+$('#banner'+tmpndx+'tall').attr('href')+'" '
			 +' width="'+tmptw+'" '
			  +'height="600" '
			  +'allowscriptaccess="always" '
	   +'/>	</object></div>';
	
			var x=(fpwd-tmpfphw)/2;

		if (start) {
			$('#fpholder').css('left', x).width(tmpfphw).show().animate({'opacity':1},500, function() {
				$('#fpholder #wide').html(swfcodewide);
				$('#fpholder #tall').width(tmptw).html(swfcodetall);
				$('#fpholder #tall object').css('display', 'block');											  
				$('#fpholder #wide object').css('display', 'block');
			});
		} else {
			$('#fpholder').animate({'width':tmpfphw, 'left': x}, 500, function() {
				$('#fpholder #wide').html(swfcodewide);
				$('#fpholder #tall').width(tmptw).html(swfcodetall);
				$('#fpholder #tall object').css('display', 'block');											  
				$('#fpholder #wide object').css('display', 'block');
			});
		}
	}


/* make dark bg */
	function setupbg() {
		$('body').append('<div id="fpbg">');
		$('#fpbg').css({'opacity':0});
		resizebg();
	}

/* make holder */
	function setupholder() {
		$('body').append('<div id="fpholder">');
		$('#fpholder').css({'opacity':0});
		//holderpos();
	}


/* make dark bg fit page */
	function resizebg() {
		var fpht = ($(document).height() > $(window).height()) ? $(document).height()  :  $(window).height() ;
		//var fpwd = ($(document).width() > $(window).width()) ? $(document).width()  :  $(window).width() ;
		$('#fpbg').css({'height': fpht, 'width': fpwd});
	}

/* holder position */
/*
	function holderpos() {
		//var fpwd = ($(document).width() > $(window).width()) ? $(document).width()  :  $(window).width() ;
		var fpleft = (fpwd-$('#fpholder').width())/2;
		$('#fpholder').css('left', fpleft);
	}
*/
	
	
/* close vids, fade out then close images and bg */
	function closefp() {

		$('#fpholder #tall').remove();											  
		$('#fpholder #wide').remove();
		$('#fpholder #text').remove();
			
		$('#fpvid').remove();
		$('#fpbg, #fpimg, #fpnav, #fpholder').fadeOut(500, function() {
			$('#fpbg, #fpimg, #fpnav, #fpholder').remove();
		});
		$('.fpclkd').removeClass('fpclkd');
	}

});