// JavaScript Document

var backoffice = false;

// 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()				   
{
	if ($('div.controlBorder').length > 0)
	{
		backoffice = true;
		$('html').addClass('backoffice');
	}
	
	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#Offer');
	Cufon.replace($('div.header span').get());
	
	// Homepage -------------------------------------------------------------------------------------------
	if (backoffice == false)
	{
	
		$('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.stop();
			slideElement.animate({bottom: 37});
			
			sliding = true;
		});
		$('div.element').mouseleave(function()
		{
			/*
			if (sliding == true)
			{
				slideElement.stop();
			}
			*/
			
			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('')
	}
	
});