function sub_nav_rotate_init(maximum,container)
{

 // if ($.browser.msie && $.browser.version.substr(0,1)<8) { return false; }


	var max_visible_items = maximum;
	var start_point = 0; // nog wat mee doen
  var link_container = $('#'+container+' .sub-menu-list');
  var link_items = $('#'+container+' .sub-menu-list li');  
      link_items = $.makeArray(link_items);
  var active_array = 0;    	  	
	var item_count = link_items.length;	
  var menu_container = $('#'+container);
  var prev_controller;
  var next_controller;
  
  if(item_count > max_visible_items)
  {
  	
  	// divide menu items into arrays the size of the max_visible_items
  	
  	var menu_items = new Array();
  	menu_items.push(new Array());
  	
  	for (i=0;i<item_count;i++)
    {
    	// make a new array when modulus is 0 (after max_visible_items have been added)
      if(i%max_visible_items==0 && i!=0)
      {
      	menu_items.push(new Array);
      }      
      menu_items[menu_items.length - 1].push(link_items[i]);
      $(link_items[i]).addClass('inact'); 
      
      if($(link_items[i]).hasClass('current'))
      {
        active_array = menu_items.length - 1;	
      }
    }
    
    
    for(i=0;i<menu_items[active_array].length;i++)
    {
      $(menu_items[active_array][i]).addClass('act');
      $(menu_items[active_array][i]).removeClass('inact');		
    }    
  	

  	// set the controls to container div
    prev_controller = $('#'+container+' #sub_menu_controller_prev');
    next_controller = $('#'+container+' #sub_menu_controller_next');
    
    if(container == 'portfolio_menu')
    {
      prev_controller = $('#'+container+' #sub_menu_controller_prev_port');
      next_controller = $('#'+container+' #sub_menu_controller_next_port');   	   	
    }


    // fill controlls
    prev_controller.append('<a class="prev_controller">prev</a>');
    next_controller.append('<a class="next_controller">next</a>');  		
    
    // move the controls variables from container to anchor
    prev_controller = prev_controller.children('.prev_controller');
    next_controller = next_controller.children('.next_controller');
    
    // disable prev if necessary
    if(active_array == 0)
    {
     	$(prev_controller).addClass('in-active');  
    }
    
    // disable if its the last array which is active
    if(active_array == (menu_items.length -1))
    {
     	$(next_controller).addClass('in-active');  
    }
    
    prev_controller.bind('click', {li: link_items} , function(event)
    {
      if(! $(this).hasClass('in-active'))
      {

        for(i=0;i<menu_items[active_array].length;i++)
        {
          $(menu_items[active_array][i]).addClass('inact');
          $(menu_items[active_array][i]).removeClass('act');		
        }          
        
        active_array--; 

        for(i=0;i<menu_items[active_array].length;i++)
        {
          $(menu_items[active_array][i]).addClass('act');
          $(menu_items[active_array][i]).removeClass('inact');		
        }   
        
        if(active_array == 0)
        {
    	    $(prev_controller).addClass('in-active');  
        }
        else
        {
          $(prev_controller).removeClass('in-active'); 	
        }	
        if(active_array == (menu_items.length -1))
        {
        	$(next_controller).addClass('in-active');  
        }
        else
        {
          $(next_controller).removeClass('in-active');    	
        }	                 
      }
    });          

    next_controller.bind('click', {li: link_items} , function(event)
    {
      if(! $(this).hasClass('in-active'))
      {

        for(i=0;i<menu_items[active_array].length;i++)
        {
          $(menu_items[active_array][i]).addClass('inact');
          $(menu_items[active_array][i]).removeClass('act');		
        }         	
      	
        active_array++;
        
        for(i=0;i<menu_items[active_array].length;i++)
        {
          $(menu_items[active_array][i]).addClass('act');
          $(menu_items[active_array][i]).removeClass('inact');		
        }            
        
  
        if(active_array == 0)
        {
    	    $(prev_controller).addClass('in-active');  
        }
        else
        {
          $(prev_controller).removeClass('in-active'); 	
        }	
        if(active_array == (menu_items.length -1))
        {
        	$(next_controller).addClass('in-active');  
        }
        else
        {
          $(next_controller).removeClass('in-active');    	
        }	             
      }
    }); 

    /* trigger event if active element is not visible in menu */
    while(($('#active_porftolio_menu_item').length === 1) && ($('#active_porftolio_menu_item').css('display')=='none'))
    {
    	$(next_controller).trigger('click');
    }    
    
  }
}



function centerVert()
{
	var mTop =  ($(document).height() - $('#layout-container').height()) / 2;
	$('#layout-container').css('margin-top',mTop);
}



function attach_studio_hover_events()
{
   var link_items = $('#sub-nav .sub-menu-list li a');
       link_items = $.makeArray(link_items);
        
   var baseClassName = 'studio_map_';
        
   for(i=0;link_items.length > i;i++)
   {
     $(link_items[i]).hover(function()
     { 
     	 var classNameTail = this.href;
     	 classNameTail = classNameTail.split('/');
     	 classNameTail = classNameTail[classNameTail.length-1];
     	 classNameTail = classNameTail.replace('%20','');
     	 classNameTail = classNameTail.replace('-','');
       var studioClassName = (baseClassName + classNameTail);
       
       var myTarget = $('.'+studioClassName);
       if(myTarget.length === 1 )
       {
     	   studioClassName = (studioClassName + '_menu_hover');
     	   myTarget.toggleClass(studioClassName);
     	 }
     });
   }  
}

 function portfolio_static_page(page,opt)
  {   	  
  	window.open(page, '_blank',opt);
  	return false;
  }


/* fancybox */
  
$(function()
{
  $(".photo").fancybox(
              {
               'zoomSpeedIn': 500,
               'zoomSpeedOut': 500,
                onComplete  :  function() { Cufon.replace('span#fancybox-title-main');},               
               'overlayShow': true });
});

/* // fancybox */

/*  cufon */

Cufon.replace('ul.sub-menu-list', {hover: true});
Cufon.replace('div.sub-nav-header');
Cufon.replace('h1#main-content-header');
Cufon.replace('div.normal-text');

/* // cufon */


/* DOMREADY */

$(document).ready(function(){
	if($('#sub-nav').length === 1 && $('#bd_news').length === 1 )
  {
    // er is een subnav die gebruik moet maken van prev/next
    sub_nav_rotate_init(8,'sub-nav'); //8
    

  }

	if($('#portfolio_menu').length === 1 )
  {
    // er is een subnav die gebruik moet maken van prev/next
    sub_nav_rotate_init(8,'portfolio_menu'); //8
  }

  // voeg events toe voor de leftnav studio hovers.
	if($('#studio_downstairs').length === 1 )
	{
		attach_studio_hover_events();
	}
  

  $("#main_content_primary").css("display","block");	  
  $("#main_content_secondary").css("display","block");

  
  centerVert();
  
  /* add target _blank */
  
  $("a.targetBlank").attr('target', '_blank');
  
  
   $(function()
   {
     $('.scroll-pane').jScrollPane({showArrows: true});
   });
  
});