(function($){
    $.fn.dropDown = function(options){
        defaults = {
            type: "show",   //can use slide/show/fade
            speed:1000      //sets the animation speed
        }
        var opts = $.extend(defaults,options);
        return this.each(function(){
            if(opts.type == "show"){
                $("li:has(ul)",this).hover(function(){
                    $("ul:eq(0)",this).show();
                },function(){
                    $("ul:eq(0)",this).hide();
                });
            } else if(opts.type == "slide"){
                $("li:has(ul)",this).hover(function(){
                    $("ul:eq(0)",this).slideDown(opts.speed);
                },function(){
                    $("ul:eq(0)",this).slideUp(opts.speed);
                });             
            } else if(opts.type == "fade"){
                $("li:has(ul)",this).hover(function(){
                    $("ul:eq(0)",this).fadeIn(opts.speed);
                },function(){
                    $("ul:eq(0)",this).fadeOut(opts.speed);
                });                 
            } else {
                alert("Option 'type' does not have a valid option");
            }
        });
    }
})(jQuery);


$(document).ready(function(){

var currentPosition = 1;
var numberOfSlides = 4;
var slideShowInterval;
var speed = 8000;

slideShowInterval = setInterval(changePosition, speed);
	
function changePosition() {
	if(currentPosition == numberOfSlides) {
	currentPosition = 1;
	} else {
	currentPosition++;
	}
	moveSlide();
}

$(".button").click(function() {
activeButton = $(this).attr("id");
slideID =  activeButton.replace("-button", "");
currentSlide = $(".slide.active");
currentButton = $(".button.active");
$(currentSlide).toggleClass("active");
$(currentButton).toggleClass("active");
$(".slide#" + slideID).toggleClass("active");
$(this).toggleClass("active");
});

function moveSlide() {
currentSlide = $(".slide.active");
currentButton = $(".button.active");
$(currentSlide).toggleClass("active");
$(currentButton).toggleClass("active");
$(".slide#slide" + currentPosition).toggleClass("active");
$(".button#slide" + currentPosition + "-button").toggleClass("active");
}

//load the dropdown nav		
$("#nav").dropDown({			
	type:"fade",			
	speed:500		
	});
});