// Slider

$('#slider') 
.before('<div class="slider-pagination">') 
.cycle({ 
    fx:     'fade', 
    speed:  1000, 
    timeout: 5000, 
    pager:  '.slider-pagination' 
});





$(document).ready(function(){
	
	
// Image Switching

$(".services-images div").hide(); //Hide two other images
$(".services-images div:first").show(); //Show first image

  $("a.s-link-1").hover(function(){ //On hover first link
	  $(".services-images div").hide(); //Hide two other images
	  $("div.s-img-1").fadeIn(1000); //Fadein first images
	  $(".services-links a").removeClass("active"); //Remove active class on all links
	  $(this).addClass("active"); //Add active class on current link
  });

  $("a.s-link-2").hover(function(){
	  $(".services-images div").hide();
	  $("div.s-img-2").fadeIn(1000);
	  $(".services-links a").removeClass("active");
	  $(this).addClass("active");
  });

  $("a.s-link-3").hover(function(){
	  $(".services-images div").hide();
	  $("div.s-img-3").fadeIn(1000);
	  $(".services-links a").removeClass("active");
	  $(this).addClass("active");
  });
  
  
// Drop Down Menu
$("#menu ul li ul").hide();
$("#menu ul li").hover(function(){
            //show its submenu
            $("ul", this).slideDown(100);
        },function(){
            //hide its submenu
            $("ul", this).slideUp(100);        
        }
    );
});