var curHeader = 1;
var origHeader = 0;
var marginLeftOrig = $('div#header_main_box_'+curHeader).css('margin-left');
var backgroundPosOrig = 'top left';
var interval;
var animation = '-=1200';
$(document).ready(function(){

    $('#content_left a').filter(function() {
      if(this.hostname && this.hostname !== location.hostname) {
          if($(this).children('img').length == 0) {
              return true;
          }
          else {
              return false;
          }
      }
      else {
          return false;
      }
    }).after(' <img src="/images/redesign/external_links.png" class="external-link" alt="External link"/>')

	$('img.hover, img.header_main_box_button').each(function() {
		setHover($(this))
	});
	
	interval = setInterval("slider()", 15000);

	// Button left
	$('div#header_wrapper.frontpage img#button_header_main_nav_left').click(function(){
		curHeader--;
		
		if(curHeader == 0)
		{
			origHeader = 1;
			curHeader = 5;
		}
		else {
			origHeader = curHeader + 1;
		} 
		setHeader(animation);
		clearSlider();
	});
	
	// Button right
	$('div#header_wrapper.frontpage img#button_header_main_nav_right').click(function(){
		curHeader++;
		
		if(curHeader == 6)
		{
			origHeader = 5;
			curHeader = 1;
		}
		else {
			origHeader = curHeader - 1;
		}
		
		setHeader(animation);
		clearSlider();
	});
	
	// Button exact
	$('div#header_wrapper.frontpage div#header_bottom ul li').click(function(){
		curHeader = $(this).attr('id').substring(18);
		
		$('div#header_main_box_1, div#header_main_box_2, div#header_main_box_3, div#header_main_box_4, div#header_main_box_5').stop(false, true).hide();
		$('div#header_main_box_'+curHeader).fadeIn(1000);
		$('div#header_wrapper.frontpage div#header_main').css('background-image', 'url(images/redesign/background_header_main_frontpage_' + curHeader + '.png)');
		$('div#header_wrapper.frontpage div#header_bottom ul li').removeClass('active');
		$('div#header_wrapper.frontpage li#header_bottom_box_' + curHeader).addClass('active');
		clearSlider();

	});
	
	jQuery.preLoadImages(
		"images/redesign/background_header_main_frontpage_1.png" ,
		"images/redesign/background_header_main_frontpage_2.png" ,
		"images/redesign/background_header_main_frontpage_3.png" ,
		"images/redesign/background_header_main_frontpage_4.png" ,
		"images/redesign/background_header_main_frontpage_5.png"
	);

    $('#feedback-form').submit(function() {
        $.post("/includes/feedback.php", $("#feedback-form").serialize());
        $('#overlay-text').html('<img id="close" onclick="overlay()" src="/images/redesign/close.png"><p><br />Uw opmerkingen zijn succesvol verstuurd. <br /></p>')
        return false;
    })
	
});

function setHeader(animation)
{
	$('div#header_wrapper.frontpage div#header_bottom ul li').removeClass('active');
	$('div#header_wrapper.frontpage li#header_bottom_box_' + curHeader).addClass('active');
	$('div#header_main').stop(false,true).animate({ backgroundPosition: animation}, 300, 'swing', function() {
		$('div#header_wrapper.frontpage div#header_main').css('background-image', 'url(images/redesign/background_header_main_frontpage_' + curHeader + '.png)');
		$('#header_main').css('background-position', backgroundPosOrig);
		$('div#header_main_box_'+curHeader).stop(false,true).fadeIn(300);
	});
	$('div#header_main_box_1, div#header_main_box_2, div#header_main_box_3, div#header_main_box_4, div#header_main_box_5').stop(false, true).fadeOut(300);
}

$("#test").live('click',function(){
        $.fancybox({
                'padding'			: 0,
                'autoScale'			: false,
                'transitionIn'		: 'none',
                'transitionOut'		: 'none',
                'title'				: this.title,
                'width'				: 640,
                'height'			: 385,
                'href'				: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
                'type'				: 'swf',
                'swf'				: {
                'wmode'				: 'transparent',
                'allowfullscreen'	: 'true'
                }
        });

        return false;
});

(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

function setHover(id) {
    var hoverItems = new Array();
	id.hover(function(){

		hoverItems[id] = $(this).attr("src");

		var file_name = $(this).attr("src").substring(0, $(this).attr("src").length - 4);
		var file_extension = $(this).attr("src").substring($(this).attr("src").length - 3);

		$(this).attr("src", file_name + "_hover." + file_extension);
	}, function(){
		$(this).attr("src", hoverItems[id]);
	});
}

function slider() {
	$('div#header_wrapper.frontpage img#button_header_main_nav_left').trigger('click');
}

function clearSlider() {
	clearInterval(interval);
	interval = setInterval("slider()", 15000);
}


function overlay() {
    $('#overlay').toggle();
    $('#overlay-text').toggle();
}