$(document).ready(function(){
	//menu hover function
   $("#secondary-access").hide();
   $("#access").hoverIntent(
     function(){
       $("#secondary-access").fadeIn("fast");
       $("#access").addClass("access-active");
     },
     function(){
       $("#secondary-access").fadeOut("fast");
       $("#access").removeClass("access-active");
     }
   );
   
   $("#submenu2").hover(function() {
   	$("#primenu1").addClass("primary-menu-active");
   },function() {
   	$("#primenu1").removeClass("primary-menu-active");
   });
   
   $("#submenu3").hover(function() {
   	$("#primenu2").addClass("primary-menu-active");
   },function() {
   	$("#primenu2").removeClass("primary-menu-active");
   });
   
   $("#submenu4").hover(function() {
   	$("#primenu3").addClass("primary-menu-active");
   },function() {
   	$("#primenu3").removeClass("primary-menu-active");
   });
   
   //add timer function
   if($('#slideshow').length > 0){
   	setInterval("slideSwitch()", 10000 );
   }
   /*if($jq('#slideshowdivs').length > 0){
   	setInterval("pageSlideSwitch()", 8000);
   }
   if($jq('#contentpageslideshow').length > 0){
   	setInterval("anotherSlideSwitch()", 8000);
   }
   */
   //thumbnail hover effects - unfortunately I cannot think of a general solution so it is kind of not really that elegant but it should be pretty stable :)
   //thumbnail 1
   $("#slideshowthumbnail1").hover(
     function(){
     	$("#slideshowimage1").removeClass('active');
     	$("#slideshowimage2").removeClass('active');
     	$("#slideshowimage3").removeClass('active');
     	$("#slideshowimage4").removeClass('active');
     	$("#slideshowimage5").removeClass('active');
       	$("#slideshowimage1").addClass('active');
     },
     function(){
       
     }
   );
   //thumbnail 2
   $("#slideshowthumbnail2").hover(
     function(){
     	$("#slideshowimage1").removeClass('active');
     	$("#slideshowimage2").removeClass('active');
     	$("#slideshowimage3").removeClass('active');
     	$("#slideshowimage4").removeClass('active');
     	$("#slideshowimage5").removeClass('active');
       	$("#slideshowimage2").addClass('active');
     },
     function(){
       
     }
   );
   //thumbnail 3
   $("#slideshowthumbnail3").hover(
     function(){
     	$("#slideshowimage1").removeClass('active');
     	$("#slideshowimage2").removeClass('active');
     	$("#slideshowimage3").removeClass('active');
     	$("#slideshowimage4").removeClass('active');
     	$("#slideshowimage5").removeClass('active');
       	$("#slideshowimage3").addClass('active');
     },
     function(){
       
     }
   );
   //thumbnail 4
   $("#slideshowthumbnail4").hover(
     function(){
     	$("#slideshowimage1").removeClass('active');
     	$("#slideshowimage2").removeClass('active');
     	$("#slideshowimage3").removeClass('active');
     	$("#slideshowimage4").removeClass('active');
     	$("#slideshowimage5").removeClass('active');
       	$("#slideshowimage4").addClass('active');
     },
     function(){
       
     }
   );
   //thumbnail 5
   $("#slideshowthumbnail5").hover(
     function(){
     	$("#slideshowimage1").removeClass('active');
     	$("#slideshowimage2").removeClass('active');
     	$("#slideshowimage3").removeClass('active');
     	$("#slideshowimage4").removeClass('active');
     	$("#slideshowimage5").removeClass('active');
       	$("#slideshowimage5").addClass('active');
     },
     function(){
       
     }
   );
   
 });
//function to switch the news items in the slide show
function slideSwitch() {
    var $active = $('#slideshow div.active');

    if ( $active.length == 0 ) $active = $('#slideshow div:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow div:first');


    $active.addClass('last-active');

    $next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 700, function() {
            $active.removeClass('active last-active');
        });
}