/*!
 *	@author		Roel Schut
 *	@version	0.1.3 - 2011.10.29	
 */
Shadowbox.init(
{
	overlayOpacity: 0.9,
	viewportPadding: 10,
	
	onFinish: function()
	{
		Cufon.refresh('#sb-title-inner');
	}
});

var oninspiratieloos = (function($)
{
	return new Object(
	{
		url:
		{
			hashParts: {}
		}
	});
})(jQuery);

jQuery(function($)
{
	Cufon.replace('h1, h4', {fontFamily:'Cronos Pro'});
	Cufon.replace('#sb-title-inner', {fontFamily:'Cronos Pro'});
	Cufon.replace('h2, h3, #spotlight a', {fontFamily:'Cronos Pro', hover:true});
	
	// location hash parsen
	(function()
	{
		if(location.hash)
		{
			var $hash = location.hash.replace('#', '');
			var $parts = $hash.split('|');
			
			var $iL = $parts.length;
			for(var $i=0; $i<$iL; $i++)
			{
				var $part = $parts[$i];
				if($part.indexOf(':') == -1)
				{
					oninspiratieloos.url.hashParts[$part] = true;
				}
				else
				{
					$part = $part.split(':');
					oninspiratieloos.url.hashParts[$part[0]] = $part[1];
				}
			}
		}
	})();
	
	// header visuals laten cycle-en + kleurtjes veranderen
	(function()
	{
		//if(oninspiratieloos.debugging) return;
		
		var $currentColor;
		var $currentVisual = -1;
		var $visualMenuClick = -1;
		
		var $timer;
		var $colors		= [];
		var $elements	= $('#logo, #top-menu li, #header-visual-menu a');
		var $menuItems	= $('#header-visual-menu a');
		
		var $visuals = $('#header-visuals .header-visual').each(function()
		{
			// haal kleurcode op (rgb)
			var $color = $(this).css('color');
				$color = $color.substr(4, ($color.length-5));
				$color = $color.split(', ');
			
			for(var $i=0; $i<3; $i++) $color[$i] = parseInt($color[$i]);
			$colors.push($color);
		});
		
		var $cycle = $('#header-visuals').cycle(
		{
			timeout:	10000,
			speed:		1000,
			
			/*fx:			'custom',
			cssBefore:	{ top: -500 },
			animIn:		{ top: 0 },
			animOut:	{ top: 500 },*/
			
			before: function($currSlideElement, $nextSlideElement, $options, $forwardFlag)
			{
				var $previousVisual = $currentVisual;
				if($visualMenuClick >= 0)
				{
					$currentVisual = $visualMenuClick;
					$visualMenuClick = -1;
				}
				else
				{
					$currentVisual++;
					if($currentVisual >= $visuals.length) $currentVisual = 0;
				}
				
				if($previousVisual >= 0) $($menuItems[$previousVisual]).removeClass('header-visual-menu-active');
				$($menuItems[$currentVisual]).addClass('header-visual-menu-active');
				
				if($currentColor)
				{
					var $visual	= $($visuals[$currentVisual]);
					var $color	= $colors[$currentVisual];
					
					if($color != $currentColor)
					{
						clearTimeout($timer);
						$timer = setInterval(function()
						{
							/*var $position = Math.abs(parseInt($visual.css('top')));
								$position = ((500-$position)/500);*/
							
							var $position = parseFloat($visual.css('opacity'));
							
							var $r = Math.round($currentColor[0] + (($color[0] - $currentColor[0]) * $position));
							var $g = Math.round($currentColor[1] + (($color[1] - $currentColor[1]) * $position));
							var $b = Math.round($currentColor[2] + (($color[2] - $currentColor[2]) * $position));
							
							$elements.css('background-color', 'rgb('+ $r +','+ $g +','+ $b +')');
							
							if($position >= 1)
							{
								clearTimeout($timer);
								$currentColor = $color;
							}
							
						}, 100);
					}
				}
				else
				{
					$currentColor = $colors[$currentVisual];
				}
			}
		});
		
		$menuItems.each(function($i)
		{
			$(this).click(function()
			{
				$visualMenuClick = $i;
				$cycle.cycle($i);
				return false;
			});
		});
	})();
	
	// nieuwste foto's in side menu cycle-en
	$('#side-photos-cycle').cycle(
	{
		timeout:	4000,
		speed:		500,
		
		fx:			'custom',
		cssBefore:	{ left: -185 },
		animIn:		{ left: 0 },
		animOut:	{ left: 185 }
	});
});