// JavaScript Document
		$(function(){
			$('#loopedslider').loopedSlider({
				addPagination: true,
				autoStart: 5000
			});
			
			$("a.previous,a.next").hover(function(){
			$(this).stop().animate({"opacity": "0.5"}, "fast");
				},
			function() {
			$(this).stop().animate({"opacity": "0"}, "slow");
			});
			
			$(".slides a img").hover(
			function(){
			$(this).stop().animate({"opacity": "0.9"}, "fast");
				},
			function() {
			$(this).stop().animate({"opacity": "1"}, "slow");
			});
			
// this section class can be used on what ever element but when aligned next to each other it seems to bubble as in add two at once		

	$('#coming-soon').hover(function() {

    	$(".nav-menu ul").append('<span class="under-construction"></span>')
        $('.under-construction').stop().animate({opacity: 1.0}) 

		}, function(){
        $('.under-construction').stop().fadeOut("fast", function(){
            $(this).remove()
        })
		});
		
		
		
	$(".coming-soon2" ,this).hover(function() {

    	$(this ,".cat-link.coming-soon2").append('<span class="under-construction2"></span>')
        $('.under-construction2').stop().animate({opacity: 1.0}) 

		}, function(){
        $(".under-construction2").stop().fadeOut("fast", function(){
            $(this).remove()
        })
		});
		
	$(".coming-soon3" ,this).hover(function() {

    	$(this ,".cat-link.coming-soon3,cat-link1.coming-soon3").append('<span class="under-construction3"></span>')
        $('.under-construction3').stop().animate({opacity: 1.0}) 

		}, function(){
        $(".under-construction3").stop().fadeOut("fast", function(){
            $(this).remove()
        })
		});
		
		
	$("input:text,textarea").each(function (){
    // store default value
    var v = this.value;

    $(this).blur(function ()
    {
        // if input is empty, reset value to default 
        if (this.value.length == 0) this.value = v;
    }).focus(function ()
    {
        // when input is focused, clear its contents
        this.value = "";
    }); 
});


			
		});