// LightboxSettings.js (Website Framework) || Version: 1.00 || Last Updated: 2011-01-19 10:00 || Updated by: Jelle Kingma || Created: 2011-01-19 by Hidde-Finne Peters
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------

function nyroModalInitialize () {
	$.nyroModalSettings({
		bgColor: '#000000',
		contentLoading: '',
		hideContent: hideContent,
		showContent: showContent,
		showBackground: showBackground,
		hideBackground: hideBackground,
		closeButton: '<a href="#" class="nyroModalClose" style="position: absolute; right: 0;" id="closeBut" title="close"><img src="'+ RootDomain +'website/site_images/close.jpg" /></a>'
	})
}

function showBackground(elts, settings, callback) {
	elts.bg
	.css({
		 opacity: 0.8
	})
	.show();
	callback();
};

function hideBackground(elts, settings, callback) {		elts.contentWrapper
			.css({ // Reset the CSS at the start position
				height: '100px',
				width: '100px'
			})

	.hide()
	.css({
		 opacity: 0
	})
	callback();
};

function hideContent(elts, settings, callback) {
	$('.nyroModalClose').css('display', 'none');
	elts.contentWrapper
	.css({
      width: settings.width+'px',
      marginLeft: (settings.marginLeft)+'px',
      marginTop: (settings.marginTop)+'px'
    })
	callback();
}

function showContent(elts, settings, callback) {
	elts.contentWrapper
	.css({
      width: settings.width+'px',
      marginTop: (settings.marginTop)+'px',
      marginLeft: (settings.marginLeft)+'px'
    })

	.show();
	initializeImageButton($('#lightboxClose_button'));
}


$(document).ready(function() {
	nyroModalInitialize();
});


var current = 0;

function showPortfolioItem (id) {
	for (var i = 0; i < items.length; i++) {
		if (items[i]== id) {
			current = i;
		}
	}
	var htmlContent = '<div id="portfolioContent"></div>';
	htmlContent += '<div class="lightboxBottom"><a id="previous" onclick="previous();">Vorige project</a><a id="next" onclick="next();">Volgende project</a></div>';
	jQuery.nyroModalManual({width: 960, height: 490, content: htmlContent});
	showPortfolioId(id);
}

function showPortfolio () {
	var htmlContent = '<div id="portfolioContent"></div>';
	jQuery.nyroModalManual({width: 960, height: 440, content: htmlContent});
}

function next () {
	showPortfolioId(items[current+1]);
	current++;
	if (current >= items.length -1) {
		$('#next').css('visibility', 'hidden');
		return;
	} else {
		$('#next').css('visibility', 'visible');
	}
	$('#previous').css('visibility', 'visible');
}

function previous () {
	showPortfolioId(items[current-1]);
	current--;
	if (current <= 0) {
		$('#previous').css('visibility', 'hidden');
	} else {
		$('#previous').css('visibility', 'visible');
	}
	$('#next').css('visibility', 'visible');
}

function showPortfolioId (id) {
	var url = 'http://www.fertilemedia.com/portfolio/'+id+'/aphrodite.html';
	$('#portfolioContent').html('<div class="loading"><img src="'+RootDomain+'website/site_images/lightbox/ajaxLoader.gif" /></div>');
	$('#portfolioContent').load(url);
}