var current_page = '#home_page';
var active_slideshow = '';

var next_show = false;
var prev_show = false;

$(document).ready(function()
{
	// The logo click binding
	$('#logo').click(function()
	{
		$(current_page).fadeOut('fast',function()
		{
			$('#home_page').fadeIn('slow');
			current_page = '#home_page';
			
			hideSlideShow();
		});
	});
	
	// The portfolio hover and click binding
	$('#portfolio_button').hover
	(
		function(){$(this).addClass('portfolio_button_hover')}, 
			function(){$(this).removeClass('portfolio_button_hover')}
	).click(function()
	{
		$(current_page).fadeOut('fast',function()
		{
			$('#portfolio_page').fadeIn('slow');
			current_page = '#portfolio_page';

			hideSlideShow();
		});
	});
	
	// The contact hover and click binding
	$('#contact_button').hover
	(
		function(){$(this).addClass('contact_button_hover')}, 
			function(){$(this).removeClass('contact_button_hover')}
	).click(function()
	{
		$(current_page).fadeOut('fast',function()
		{
			if(!$('#send_button').is(':visible'))
			{
				$('#contact_page').css('background-image','url(images/contact_text.png)').css('background-position','60px 105px');
				$('#contact_page').children().show();
			}
			
			$('#contact_page').fadeIn('slow');
			current_page = '#contact_page';

			hideSlideShow();
		});
	});
	
	$('#left_clicker').hover
	(
		function()
		{
			if(prev_show)
				$('#slide_prev').show();
		},
		function(){$('#slide_prev').hide();}
	);
	
	$('#slide_prev').hover(function()
	{
		if(prev_show)
			$('#slide_prev').show();
	});
	
	$('#right_clicker').hover
	(
		function()
		{
			if(next_show)
				$('#slide_next').show();
		},
		function(){$('#slide_next').hide();}
	);
	
	$('#slide_next').hover(function()
	{
		if(next_show)
			$('#slide_next').show();	
	});
});

function showSlideShow(type)
{				
	if(type != active_slideshow)
	{
		active_slideshow = type;					
		var img_holder = $('#slide_img_holder');
		var img_clicker = $('#slide_img_clicker');
		img_holder.empty();
		img_clicker.unbind();
		
		if(type == 'portfolio')
		{
			for(var i = 0; i < portfolioImages.length; i++)
			{
				var extra = '';							
				if(i != 0)
					extra = 'style="display: none;"';

				var largeImage = portfolioImages[i].split('.');
				largeImage = largeImage[0] + '_large.' + largeImage[1];
				
				img_holder.append('<a href="'+largeImage+'" '+extra+'><img src="'+portfolioImages[i]+'"/></a>');
			}
		}
		else if(type == 'fotografie')
		{
			for(var i = 0; i < fotografieImages.length; i++)
			{
				var extra = '';							
				if(i != 0)
					extra = 'style="display: none;"';

				var largeImage = fotografieImages[i].split('.');
				largeImage = largeImage[0] + '_large.' + largeImage[1];
				
				img_holder.append('<a href="'+largeImage+'" '+extra+'><img src="'+fotografieImages[i]+'"/></a>');							
			}
		}
		
		img_holder.find('img').load(function()
		{
			$('#split_choice').fadeOut('slow',function()
			{
				img_holder.fadeIn('slow');
			});
		});
		
		if($('#slide_img_holder a').length > 1)
			next_show = true;
		

		img_holder.find('a').lightBox();

		img_clicker.click(function()
		{
			$.each(img_holder.find('img'), function(index)
			{
				if($(this).is(':visible'))
					$(this).parent().click();								
			});
		}).show();
	}
}

function hideSlideShow()
{
	active_slideshow = '';
	$('#slide_img_holder').hide();
	$('#slide_img_clicker').hide();
	$('#slide_prev').hide();
	$('#slide_next').hide();
	$('#split_choice').show();
	prev_show = false;
	next_show = false;
}

function slidePrev()
{
	$('#slide_img_holder a').each(function(index)
	{
		if($(this).is(':visible'))
		{
			if($(this).prev().length > 0)
			{
				$(this).fadeOut('slow');
				$(this).prev().fadeIn('slow');
				
				next_show = true;

				if($(this).prev().prev().length <= 0)
					prev_show = false;
				
				return false;
			}
		}
	});
}

function slideNext()
{
	$('#slide_img_holder a').each(function(index)
	{
		if($(this).is(':visible'))
		{
			if($(this).next().length > 0)
			{
				$(this).fadeOut('slow');
				$(this).next().fadeIn('slow');
				prev_show = true;

				if($(this).prev().prev().length <= 0)
					next_show = false;
				
				return false;
			}
		}
	});
}

function sendMessage()
{
	if ($('#name').val().length < 3)
	{
		$('#error_text').text('Uw naam moet minimaal drie karakters lang zijn');
		$('#error_box').fadeIn();
	}
	else if ($('#phone').val().length < 10 || isNaN($('#phone').val()))
	{
		if (isNaN($('#phone').val()))
			$('#error_text').text('Het telefoon nummer mag alleen cijfers bevatten');
		else 
			$('#error_text').text('Uw telefoon nummer moet minimaal tien cijfers lang zijn');
			
		$('#error_box').fadeIn();
	}
	else if ($('#remarks').val().length < 10)
	{
		$('#error_text').text('Uw bericht moet minimaal tien karakters lang zijn');
		$('#error_box').fadeIn();
	}
	else
	{
		$.post('contact.php',
		{
			'name': $('#name').val(),
			'phone': $('#phone').val(),
			'message': $('#remarks').val()
		}, function(){
			$('#contact_page').fadeOut(function(){
				$('#contact_page').children().hide();
				$('#contact_page').css('background-image', 'url(images/sent_text.png)').css('background-position', 'center center');
				$('#name').val('');
				$('#phone').val('');
				$('#remarks').val('');
				$(this).fadeIn();
			});
		});
	}
}
