/******************************************************************************************************************/
// CLOSEUP
/******************************************************************************************************************/
var current = 0;
var mytimer;
var num;

function showItem(current){
	myid = '#p' + current;
	
	$('#closeup .viewport li').css({ marginLeft: '-20px', opacity: 0 });
	$(myid).animate({ marginLeft: '0px', opacity: 1 }, 300);
	
	$('#closeup .nav a').removeClass('sel');
	$('#closeup .nav a:eq('+ current +')').addClass('sel');
}

function loopItems(){
	current++;
	if (current > num) current = 1; 
	
	showItem(current);
	
	mytimer = setTimeout('loopItems('+ current +')', 3500);
}

function handleCloseup(){
	// init
	num = $('#closeup .viewport li').size();
	
	if (num > 1) {
		$('#closeup .viewport li').css({ marginLeft: '-20px', opacity: 0 });
		
		// loop
		loopItems();
		
		// on click
		$('#closeup .nav li a').click(function(){
			
			clearTimeout(mytimer);
			
			$('#closeup .nav a').removeClass('sel');
			$(this).addClass('sel');
			
			current = $('#closeup .nav a').index(this);
	
			showItem(current);
			
			return false;
		});
	}
}

/******************************************************************************************************************/
// MODAL BOXES
/******************************************************************************************************************/

function adjustModal(){
	fh = $('#modal-frame').height();
	wh = $(window).height();
	dh = $(document).height();
		
	if (wh > dh) mt = (wh - fh) / 2;
	else {
		mt = 50;
		$('#modal-box').height(dh);
	}
		
	$('#modal-frame').css({ marginTop: mt });
}

function handleModal(){
	$('.modal').click(function(){
		$('body').append('<div id="modal-box"><div id="modal-frame"><div id="modal-close">X</div><div id="modal-content"></div></div></div>');
		
		adjustModal();
			
		$('#modal-box').fadeIn(500);
		
		$('#modal-close').click(function(){
			$('#modal-box').fadeOut(300, function(){ $(this).remove(); });
		});
		
		// ajax loading
		mylink = $(this).attr('href');
		
		jQuery.ajax({
			url: mylink,
			success: function(html){
				mycont = $(html).find('.frame').html();
				
				$('#modal-content').html(mycont);
				
				//fancybox
				$('.fancybox').fancybox({
					'overlayShow': true,
					'frameWidth': 450,
					'frameHeight': 400
				});
			}
		});
		
		return false;
	});
}

/******************************************************************************************************************/
// On document load...
/******************************************************************************************************************/

$(function(){
	// closeup
	handleCloseup();
	
	// modal boxes
	handleModal();
});