$(document).ready(function () {



$('.cycle').cycle({     fx:      'fade', cleartypeNoBg:true,     speed:    1000,     timeout:  5000, pager: '.nav', pagerAnchorBuilder: paginate });

function paginate(ind, el)
{
	if (ind == 10) return '<li class="it-beheer"><a href="#"><span>IT Beheer</span></a></li>';
	else if (ind == 0) return '<li class="online-backup"><a href="#"><span>Online Backup</span></a></li>';
	else if (ind == 1) return '<li class="hardware-software"><a href="#"><span>Hardware &amp; Software</span></a></li>';
}


/*$('#visual .nav LI').click(function() {
	$('#visual .nav LI').removeClass('active');
	var className = $(this).attr('class');

 	$(this).addClass('active');	
	
	
	$('.slide').removeClass('active');
	$('#'+className).fadeIn(1000);
	
	
	
	$('#'+className).addClass('active');
	$('.slide').css("display", "none");	
	$('#'+className).css("display", "block");	
	
	

}); */

$('#close').click(function() {
	$('#login').removeClass('active');	
});

$('.inlogbtn').click(function() {
	$('#login').addClass('active');	
});

 zIndexWorkaround();

function isIE() {     if(navigator.userAgent.match(/MSIE \d\.\d+/))         return true;     return false; } 

  
function zIndexWorkaround() {     
  // If the browser is IE,     
  if(isIE())     {         
  /* ** For each div with class menu (i.e.,         ** the thing we want to be on top),         */        
    $("#header UL").parents().each(function() {             
      var p = $(this);             
      var pos = p.css("position");              
      // If it's positioned,             
      if(pos == "relative" || pos == "absolute" || pos == "fixed") {                 
	   /*  ** Add the "on-top" class name when the                 
	   ** mouse is hovering over it, and remove                 
	   ** it when the mouse leaves.   */               
       p.hover(function() {                         
	     $(this).addClass("on-top");                     
	   },                     
	   function() {                         
	     $(this).removeClass("on-top");                    
	   });             
	 }         
    });     
	} 
}  

});