$(document).ready(function()
{
	$.g_sCurrentImage = $('img.studio-bg:first').attr('id');
	$.g_sCurrentDesc = $('div.studio-desc:first').attr('id');

	$('#studio-nav-prev').click( function()
	{
		$( '#'+$.g_sCurrentImage ).fadeOut();
		$( '#'+$.g_sCurrentImage ).prev('img.studio-bg').fadeIn();
		$( '#'+$.g_sCurrentDesc ).fadeOut( 400, function()
		{
			$( '#'+$.g_sCurrentDesc ).prev('div.studio-desc').fadeIn( 400, function()
			{
				$.g_sCurrentImage = $( '#'+$.g_sCurrentImage ).prev('img.studio-bg').attr('id');
				$.g_sCurrentDesc = $( '#'+$.g_sCurrentDesc ).prev('div.studio-desc').attr('id');

				if( $( '#'+$.g_sCurrentImage ).attr('name') == 'first' )
				{
					$( '#studio-nav-prev' ).fadeOut();
				}

				$( '#studio-nav-next' ).fadeIn();

				highlightNr();
			});
		});

		return false;
	});

	$('#studio-nav-next').click( function()
	{
		$( '#'+$.g_sCurrentImage ).fadeOut();
		$( '#'+$.g_sCurrentImage ).next('img.studio-bg').fadeIn();
		$( '#'+$.g_sCurrentDesc ).fadeOut( 400, function() {
			$( '#'+$.g_sCurrentDesc ).next('div.studio-desc').fadeIn( 400, function()
			{
				$.g_sCurrentImage = $( '#'+$.g_sCurrentImage ).next('img.studio-bg').attr('id');
				$.g_sCurrentDesc = $( '#'+$.g_sCurrentDesc ).next('div.studio-desc').attr('id');

				if( $( '#'+$.g_sCurrentImage ).attr('name') == 'last' )
				{
					$( '#studio-nav-next' ).fadeOut();
				}

				$( '#studio-nav-prev' ).fadeIn();

				highlightNr();
			});
		});

		return false;
	});

	$('.studio-page-item').click( function()
	{
		var l_sCurrentId = $(this).attr('name');
		changeImage( l_sCurrentId );
		highlightNr();

		return false;
	});

	resizeImage();
	middleArrow();
});

//Op resize functie relocate uitvoeren
$(window).bind('resize', function() {
	resizeImage();
	middleArrow();
});

// Afbeelding vervangen
function changeImage( p_sImageId )
{
	$( '#'+$.g_sCurrentImage ).fadeOut();
	$( '#'+$.g_sCurrentDesc ).fadeOut();

	$( '#'+p_sImageId ).fadeIn();
	$( '#desc-'+p_sImageId ).fadeIn();

	$.g_sCurrentImage = p_sImageId;
	$.g_sCurrentDesc = 'desc-'+p_sImageId;

	if( $( '#'+p_sImageId ).attr('name') == 'first' )
	{
		$( '#studio-nav-prev' ).fadeOut();
	}
	else
	{
		$( '#studio-nav-prev' ).fadeIn();
	}

	if( $( '#'+p_sImageId ).attr('name') == 'last' )
	{
		$( '#studio-nav-next' ).fadeOut();
	}
	else
	{
		$( '#studio-nav-next' ).fadeIn();
	}
}

// Highlight de afbeeldingnr
function highlightNr()
{
	// Alle product nr's in het menu zwart maken
	$( 'div#studio-pager a').css( 'color', '#000000' );

	// Gekozen productnr in het menu highlighten
	$( 'div#studio-pager a[name="'+$.g_sCurrentImage+'"]' ).css( 'color', '#BE3100' );
}

//Functie voor verticaal centreren van pijlen
function middleArrow()
{
	var imageHeight = 30;								// Hoogte van de afbeelding
	var windowHeight = $(window).height();				// Browser viewport hoogte
	var footerHeight = $('#footer').height();			// Hoogte van element #footer
	var MiniNavheight = $('#mininav').outerHeight();	// Hoogte van de mininav

	// Afstand naar de bovenkant van de pagina berekenen
	var top =  Math.floor( ( windowHeight - footerHeight - MiniNavheight - imageHeight ) / 2 );

	$('.studio-nav').css( "top", top );
}