$(document).ready(function() {

    slider(5000);
    $('#ddmenu form input').focus(function () {
        if (this.value == 'Search...') {
            this.value = '';
            $(this).css({color: 'black'});
        }
    });
});

function slider(speed) {

    $('ul.slider').append('<div class="slider-caption"><h3></h3><p></p></div>');
    $('ul.slider li').css({opacity: 0.0}).hide();
    $('ul.slider li:first').show().css({opacity: 1.0}).addClass('show');
    $('.slider-caption h3').html($('ul.slider').find('img').attr('title'));
    $('.slider-caption').css({opacity: 0.8});
    var timer = setInterval('gallery()',speed);
    $('ul.slider').hover(
        function () {
            clearInterval(timer);
        },
        function () {
            timer = setInterval('gallery()',speed);
        }
    );
}

function gallery() {
    var current = ($('ul.slider li.show')?  $('ul.slider li.show') : $('#ul.slider li:first'));
    var next = ((current.next('li').length) ? ((current.next().attr('id') == 'slider-caption')? $('ul.slider li:first') :current.next()) : $('ul.slider li:first'));
    var title = next.find('img').attr('title');
    next.css({opacity: 0.0}).show().addClass('show').animate({opacity: 1.0}, 1500);
    current.animate({opacity: 0.0}, 1500, function () {
        $(this).hide().removeClass('show');
    });
    $('.slider-caption').slideToggle(200, function () {
        $('.slider-caption h3').html(title);
        $('.slider-caption').slideToggle(500);
    });
}