$(function() {
  
  var timer;  
  var extra_timer;
  var transparent_timer;
  
  if ($('.frontpage').size() > 0 ) {
    $('.sections a').mouseover(function (){
      menuShow(this.id);
    });
    
    $('.sections a').mouseout(function (){
      menuHide(this.id);
    });
    
    $('.center_menu').mouseover(function (){
      menuShow(this.id);
    });
    
    $('.center_menu').mouseout(function (){
      menuHide(this.id);
    });
  }
  
  
  resizeMenu();

    
  $(window).resize(function(){    
    resizeMenu();
  });  
  
    
  var height = $(document).height();
  $('a.popup_opleidingen').fancybox({
    'padding' : 0,
    'frameWidth' : 732,
    'frameHeight' : height,
    'hideOnContentClick' : false,
    'easingIn' : 1000,
    'easingOut': 1000,
    'easingChange' : 1000,
    'zoomSpeedIn' : 1000,
    'zoomSpeedOut' : 1000,
    'overlayOpacity' : 0.8,
    'centerOnScroll' : false
  });
  
  if($('.open_on_page_load').size() > 0) {
    $('a.popup_opleidingen').trigger('click');
  }
  
  if( $('.img_wrapper div') ) {
    $('.img_wrapper div').each(function () {
      moveText(this);
    });  
  }
  
  $('.img_wrapper a img').hover(function () {
    
    var current_position = $(this).position();
    
    $(this).css({
      'position' : 'absolute',
      'height' : '124px',
      'width' : '96px',
      'left' : (current_position.left - 12) + 'px',
      'top' : '8px'
    });
    $(this).parent().next().css({
      'position' : 'absolute',
      'top' : '132px',
      'color' : 'white',
      'font-size' : '11px'
    });
    
    moveText($(this).parent().next());
  });
  
  $('.img_wrapper a img').mouseout(function () {
    $(this).css({
      'position' : 'static',
      'height' : '94px',
      'width' : '71px'
    });
    
    $(this).parent().next().css({
      'top' : '126px',
      'color' : '#4d4d4d',
      'font-size' : '8.25px'
    });
    
    moveText($(this).parent().next());
  });
  
  
  function moveText(element) {
    var img_width = $(element).prev().children().width();
    var img_pos   = $(element).prev().children().position();
        
    var width = $(element).width();
    
    left = img_pos.left + (img_width - width) / 2 + 'px';        
    $(element).css({'left' : left});
  }
  
  function resizeBg() { 
    var img_height = 1094;
    var img_width = 1301;
    
    var h = self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    var w = self.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    var elem = $('#background');
    
    if ( w > h ) {
      var tmp = w / img_width;
      
      elem.css({'height' : img_width * tmp + 'px'});
      elem.css({'width' : w + 'px'});
    } else {
      var tmp = h / img_height;
      
      elem.css({'width' : img_height * tmp + 'px'});
      elem.css({'height' : h + 'px'});
    }
  }
  
  function menuShow(reference) {
    
    if($('.frontpage').size() > 0){
      if(reference.length > 0) {
        if($('.frontpage').size() > 0){
          clearTimeout(extra_timer);
          $('.content_center').css({'background-image' : 'url(/TXP/deltion/images/white_transparent_80.png)'});
          
          var tmp = $('#' + reference).position();
          
          
          if(reference == 'bedrijven') {
            $('#' + reference + '_menu').css({'margin-top' : '240px'});
          }
          else if(reference == 'volwassenen'){
            $('#' + reference + '_menu').css({'margin-top' : '122px'});
          }
          else if(reference == 'jongeren'){
            $('#' + reference + '_menu').css({'margin-top' : '10px'});
          }
          
          
          $('#' + reference + '_menu').css({'top' :''});
          
        }
        
        clearTimeout(transparent_timer);
        clearTimeout(timer);
      }
    }
    
    if(!reference.match('menu')) {
      reference = reference + '_menu';
    }
    
    $('.sections img').css({'opacity': '0.4'})
    var tmp = reference.replace('_menu', '');
    $('#' + tmp + ' img').css({'opacity': '1'});
    
    if($('.frontpage').size() > 0){
      $('.center_menu').hide();
      $('#' + reference).show();
    }
  }
  
  
  function menuHide(reference) {
    
    if(reference.length > 0) {
      
      var tmp = reference.replace('_menu', ''); 
      transparent_timer = setTimeout("$('#" + tmp +  " img').css({'opacity' : '0.4'});", 200);
      
      if($('.frontpage').size() > 0){
        if(!reference.match('menu')) {
          reference = reference + '_menu';
        }  
        
        timer = setTimeout('$("#' + reference +  '").hide();', 200);
        
        if($('.frontpage').size() > 0){
          extra_timer = setTimeout("$('.content_center').css({'background-image' : 'none'});", 200);
        }
      }
    }
  }
  
  function resizeMenu() {
    var container_pos = $('#container').position().left;
    var background_pos = $('#background').position().left;
    var browser = jQuery.browser; 
    
    if (browser.safari) {
      var container_pos = parseInt($('#container').css('margin-left').replace('px', ''));
    }
    
    container_pos = container_pos - background_pos;
        
    $('#main_nav').css({'margin-left' : '-' + container_pos + 'px', 'width' : 715 + container_pos + 'px'});
    $('#sub_nav').css({'margin-left' : '-' + container_pos + 'px', 'width' : 709 + container_pos + 'px'});
  }
});