$(document).ready(function(){
  $('#navigation ul li.NavItem').each(function(){
    if($('ul.SubNav', $(this)).length > 0 && !$('ul.SubNav', $(this)).hasClass('current')){
      $('ul.SubNav', $(this)).css('display','none');
    }
  });
  
  $('li.NavItem a.HeadItem').click(function(){
    return ShowMenu($(this));
  });
	
	if($("#slideshow .slides").length > 0) {
		$("#slideshow .slides").cycle({
			fx: 'fade', /*'fade,uncover,curtainY,cover',*/
			timeout: 4000,
			height: 254,
			width: 725
		});
	}

	if($("#slideshownew .slides").length > 0) {
		$("#slideshownew .slides").cycle({
			fx: 'fade', /*'fade,uncover,curtainY,cover',*/
			timeout: 4000,
			height: 254,
			width: 725
		});
	}
  
  PreloadImages();
});

function PreloadImages() { 
  $('#partners li:first').remove();
  var ImageDiv    = $('#partners');
  var ImageCount 	= 0;
  var TotalImages = $('#partners li').length;
  
  ImageDiv.css("visibility", "hidden");
   
  $('#partners li').each( function() {
  var _this = $(this);	
  var ImageObj = new Image();
  $(ImageObj).load(function () {
      _this.append(this); 

      var top = ( 111 - parseInt($('img:last', _this).height()) ) / 2; 
      $('img:last', _this).css('margin-top', top + 'px'); 
      $('img:first', _this).remove();
      
  		ImageCount++;   
  		
  		if(TotalImages == ImageCount) {
  			ImageDiv.css("visibility", "visible");
			  if($('#partners').length > 0){
			    $('#partners').innerfade({ 
			        speed: 'slow', 
			        timeout: 5500, type: 'sequence', 
			        containerheight: '111px' 
			    });
			  }
			} 
    }).error(function () {
    }).attr({'src':$('img', _this).attr('src'), 'alt': $('img', _this).attr('alt')});
  }); 
 
 	
}

function ShowMenu(ClickedItem) {
  var SubNavUl = ClickedItem.next('ul');
  if(SubNavUl.hasClass('SubNav')){
    if(SubNavUl.css('display') == 'block'){
      ClickedItem.parent().removeClass('subdown');
    } else {
      ClickedItem.parent().addClass('subdown');
    }
    SubNavUl.slideToggle('medium');
  }
  return false;
}

$(window).resize(function(){
  ResizeHandler();  
});

var bFadeIn = true;

function ResizeHandler() { 
	var ContentContainer				= $("#site");
	var BackContainer						= $("#bgcontainer");
	var BackContainerImage			= $("#bgcontainer img");
	var ImageWidth							= $("#bgcontainer img").width();
	var ImageHeight							= $("#bgcontainer img").height();

	var ContentContainerHeight  = parseInt(ContentContainer.outerHeight()); 
	var ContentContainerWidth   = parseInt(ContentContainer.outerWidth());
	
	BackContainer.css("overflow", "hidden");
	BackContainerImage.css("position", "absolute");
	
	var SiteHeight 							= parseInt($("#site").innerHeight());
	var ContainerHeight					= SiteHeight;
	
	BackContainer.height(ContainerHeight); // set height of the container so no scrollbar is measured
	
	var WindowHeight 						= parseInt($(window).height());
	var WindowWidth 						= parseInt($(window).width());
	
	BackContainer.width(WindowWidth);
	BackContainer.css("width", "100%");

	if(WindowWidth < ContentContainerWidth) {
		BackContainerImage.css('width', ContentContainerWidth + "px");
	} else {
		BackContainerImage.css('width', WindowWidth + "px");
	}
	BackContainer.css("width", BackContainerImage.width() + "px");
	
	var NewImageHeight = GetDimensionChange(ImageWidth, BackContainerImage.width(), ImageHeight);
	if(NewImageHeight > ContainerHeight) {
		BackContainerImage.css("top", (Math.floor(NewImageHeight - ContainerHeight) / 2) * -1 + "px");
		BackContainerImage.height(NewImageHeight);
		BackContainerImage.css("left", "0px");
	} else {
		BackContainerImage.css("top", "0px");
		BackContainerImage.height(ContainerHeight);
		var NewImageWidth = GetDimensionChange(ImageHeight, ContainerHeight, ImageWidth);
		BackContainerImage.width(NewImageWidth);
	  if(WindowWidth < ContentContainerWidth) {
	  	BackContainerImage.css("left", (Math.floor(NewImageWidth - ContentContainerWidth) / 2) * -1 + "px");
	  } else {
	  	BackContainerImage.css("left", (Math.floor(NewImageWidth - WindowWidth) / 2) * -1 + "px");
	  }
	}

	if(bFadeIn) {
	BackContainerImage.animate({opacity: 1}, "slow");	
		bFadeIn = false;
	} else {
		BackContainerImage.show();
	}
}


function GetDimensionChange(SrcDimension, NewDimension, DimensionValue)
{
	return DimensionValue * (NewDimension/SrcDimension);
}

function setURL(){
    if($("div.newsback").length > 0 ) {
        var refererUrl = document.referrer;

        if(refererUrl.search("xavier") != -1){
            document.getElementById('overzichtButton').innerHTML= "<span class=\"terug\"><a href=\""+refererUrl+"\"><< Overzicht</a></span>";
        } else {
            document.getElementById('overzichtButton').innerHTML= "<span class=\"terug\"><a href=\"http://www.xaviermaassen.nl/news-blog/\"><< Overzicht</a></span>";
        }
    }
}

function gallerySlide(){
if($("#gallery").length > 0){
    if(previousItem == null){
        $(".category_content").hide("blind", { direction: "vertical" }, 500);
        $(".category_content:first").show("blind", { direction: "vertical" }, 500);
        $(".category_title:first img").toggle();
    } 
    $(".category_title").click(function(){
        var element = this.className;
        element = element.substring(element.length-4);
        
        if( previousItem != "null" && previousItem != element && $(".category_content."+previousItem).css("display") != "none"){    
            
            if($(".category_content:first").css("display") != "none"){
                $(".category_content:first").hide("blind", { direction: "vertical" }, 500);
                $(".category_title:first img").toggle();
            } else {
                $(".category_content."+previousItem).hide("blind",{ direction: "vertical" }, 500);
                $(".category_title."+previousItem+" img").toggle();
            }          
        }
        $(".category_content."+element).toggle("blind", { direction: "vertical" }, 500);
        $(".category_title."+element+" img").toggle();
        previousItem = element;
    });
}
}