// JavaScript Document

// Logo Baak ----------------------------------------------------------------------------------------
var flashvars = {};
var params = {
	wmode: "transparent"
};

swfobject.embedSWF('/content/flash/logo.swf', 'FlashLogo', '101', '101', '9.0.0','/content/flash/expressInstall.swf', flashvars, params);

$(document).ready(function()
						   
{
	var sliding = false;
	var slideElement;
	var slideCounter = 0;
	var counter;
	
	// Cufon -------------------------------------------------------------------------------------------
	Cufon.now();
	
	Cufon.replace($('div.element div.middle a').get(), {
        hover: {
            color: '#ffffff'
        }
    });
	Cufon.replace($('div#MainMenu a').get(), {
        hover: {
            color: '#ffffff'
        }
    });
	Cufon.replace('h1');
	Cufon.replace('h2');
	Cufon.replace($('div.header span').get());
	
	// Homepage -------------------------------------------------------------------------------------------
	$('div.element div.top, div.element div.middle').mouseenter(function()
	{
		if (slideCounter < 20)
		{
			clearTimeout(counter);
			slideCounter++;
			counter = setTimeout(function() {slideCounter = 0;}, 500);
		}
		else
		{
			alert('Ghaaaaaaaaaaah\nWould you stop that! :P');
		}
		
		if (sliding == true)
		{
			return;
		}
		slideElement = $(this).parent().find('div.middle');
		
		slideElement.animate({bottom: 37});
		
		sliding = true;
	});
	$('div.element').mouseleave(function()
	{
		if (sliding == true)
		{
			slideElement.stop();
		}
		slideElement.animate({bottom: 95});
		
		sliding = false;
	});

	// Image Slider -------------------------------------------------------------------------------------------
	var countThumb;
	var sliderWidth;
	var containerWidth = $('div#Slider div#ThumbContainer').width();
	var rightPos = 0; // Position of the right side of ScrollWindow
	var leftPos = 0; // Position of the left side of ScrollWindow
	var distance = 0; // The distance the ScrollWindoy may scroll
	var scrollSpeed = 0; // The speed with which the ScrollWindow may scroll
	var activeThumb;
	var largeImage = $('div#LargeImage img');
	
	countThumb = $('div#Slider div.thumb').length;
	sliderWidth = countThumb * 82;
	
	if (sliderWidth <= containerWidth + 5)
	{
		$('div#Slider div#ScrollLeft, div#Slider div#ScrollRight').addClass('inactive');
	}
	
	$('div#Slider div#ScrollWindow').css('width',sliderWidth);
	
	$('div#Slider div.thumb').mouseenter(function()
	{
		$(this).addClass('hover');
	});
	$('div#Slider div.thumb').mouseleave(function()
	{
		$(this).removeClass('hover');
	});
	$('div#Slider div.thumb').click(function()
	{
		$('div#Slider div.thumb').removeClass('active');
		$(this).addClass('active');
		
		activeThumb = $(this).find('img').attr('src');
		activeThumb = activeThumb.replace('Thumb_','');
		
		$('div#LargeImage').append('<img class="inactive" src="' + activeThumb + '" alt="" />');
		
		$('div#LargeImage img:first').fadeOut(1000, function()
		{
			$('div#LargeImage img:first').remove();
		});
		$('div#LargeImage img.inactive').fadeIn(1000);
		$('div#LargeImage img.inactive').removeClass('inactive');
		
		//largeImage.attr('src',activeThumb);
	});
	
	
	$('div#Slider div#ScrollLeft').mouseenter(function()
	{
		moveRight()
	});
	$('div#Slider div#ScrollLeft').mouseleave(function()
	{
		$('div#Slider div#ScrollWindow').stop();
	});
	$('div#Slider div#ScrollRight').mouseenter(function()
	{
		moveLeft()
	});
	$('div#Slider div#ScrollRight').mouseleave(function()
	{
		$('div#Slider div#ScrollWindow').stop();
	});
	
	function moveLeft()
	{
		rightPos = sliderWidth - Math.abs( $('div#Slider div#ScrollWindow').position().left );
		leftPos = $('div#Slider div#ScrollWindow').position().left;
		
		distance = containerWidth - sliderWidth + 5;
		scrollSpeed = ( sliderWidth - containerWidth - Math.abs(leftPos) ) * 10;
		
		if (rightPos > containerWidth)
		{
			$('div#Slider div#ScrollWindow').animate(
			{
				left: distance
			}, scrollSpeed, 'linear', moveLeft)
		}
	}
	function moveRight()
	{
		leftPos = $('div#Slider div#ScrollWindow').position().left;
		scrollSpeed = Math.abs(leftPos) * 10;
		
		if (leftPos < 0)
		{
			$('div#Slider div#ScrollWindow').animate(
			{
				left: '0'
			}, scrollSpeed, 'linear')
		}
	}
	
	function preloadImages()
	{
		var preload = new Array('')
	}
	
});