$(document).ready(function(){

	$("#top-nav li:has(ul)").addClass("root").find("a:first").addClass("sub");
	
	$("#top-nav li.root").hover(function () {
		$(this).children('ul:hidden').slideDown(500); 
	
		},function(){
			$(this).children('ul:visible').slideUp(500);
    	}
    );
	
	$("#slidetabs").tabs("#slider .images > div.item", {effect: 'fade', rotate: true, fadeOutSpeed: "slow", fadeInSpeed: "slow"}).slideshow({autoplay: true, clickable: false, interval: 5000});
	
		$('input[type="text"], TEXTAREA').focus(function() {
        if (this.value == this.defaultValue){
        	this.value = '';
    	}
        if(this.value != this.defaultValue){
	    	this.select();
        }
    });
    $('input[type="text"], TEXTAREA').blur(function() {
        if (this.value == ''){
        	this.value = this.defaultValue;
    	}
    });
	
	$.fn.slideshow = function(options) {
		options = $.extend({
			timeout: 3000,
			speed: 400 // 'normal'
		}, options);
		// We loop through the selected elements, in case the slideshow was called on more than one element e.g. `$('.foo, .bar').slideShow();`
		return this.each(function() {
			// Inside the setInterval() block, `this` references the window object instead of the slideshow container element, so we store it inside a var
			var $elem = $(this);
			$elem.children().eq(0).appendTo($elem).show();
			// Iterate through the slides
			setInterval(function() {
				$elem.children().eq(0)
				// Hide the current slide and append it to the end of the image stack
				.hide().appendTo($elem) // As of jQuery 1.3.2, .appendTo() returns the inserted element
				// Fade in the next slide
				.fadeIn(options.speed)
			}, options.timeout);
		});
	};
	
	$('.slideshow').slideshow({ timeout: 5000, speed: 1000 });
	
});