// JavaScript Document

$(document).ready(function() {


    $('input[rel|=defaultVal]').each(
        function(){
            var input = $(this);
            var defaultVal = input.attr('rel').split('-')[1];
            if (input.val() == '') input.val(defaultVal);
            input
                .focus( function(){ if ($(this).val() == defaultVal) $(this).val(''); } )
                .blur(function(){ if ($(this).val() == '') $(this).val(defaultVal); } );
        }
    );
    
    
    $('.smallSlideShow').createSmallSlideShow();
    
    $('.frameOptions select').val('');
});




/** Custom jQuery Plugins **/
(function($) {
    /** Create Tabs plugin **/
    $.fn.createTabs = function(options) {
        var opts = $.extend({}, $.fn.createTabs.defaults, options);
        var current, count = 0;
        return this.each(function() {
            $(this).find('a').each(function() {
                var tabArea = $($(this).attr('href'));
                if (count > 0) tabArea.hide();
                else {
                    $(this).attr('class', 'selected');
                    current = tabArea;
                }
                $(this).click(
                    function() {
                        var tabId = $(this).attr('href');
                        if ($(tabId).css('display') == 'block') return false;
                        else {
                            current.hide();
                            current = $(tabId).css({ display: 'block' });
                            $(this).parent().parent().find('.selected').attr('class', '');
                            $(this).attr('class', 'selected');
                        }
                        return false;
                    }
                );
                count++;
            });
        });
    }
    $.fn.createTabs.defaults = {}
    /** Create Small Slideshow plugin **/
    $.fn.createSmallSlideShow = function(options) {
        var opts = $.extend({}, $.fn.createSmallSlideShow.defaults, options);

        return this.each(function() {
            var images = $(this).find('.slide'),
                controls = $('<ul class="controls"><li class="prev"></li></ul>'),
                controlArea = $('<div class="controlArea"></div>');
            if (images.length > 1) {
                for (var i = 1, len = images.length; i <= len; i++) {
                    var listItem = $('<li class="' + i + '">' + i + '</li>')
                    .appendTo(controls)
                    .click(function() {
                        controls.find('.selected').removeClass('selected');
                        $(this).addClass('selected');

                        var nextImage = parseInt($(this).attr('class')) - 1;

                        images.filter(':visible').fadeOut('slow', function() { $(images[nextImage]).fadeIn('slow'); });

                        if (controls.find('.selected').prev().attr('class') != 'prev') controls.find('.prev').css({ display: 'inline' });
                        else controls.find('.prev').css({ display: 'none' });

                        if (controls.find('.selected').next().attr('class') != 'next') controls.find('.next').css({ display: 'inline' });
                        else controls.find('.next').css({ display: 'none' });
                    });
                    if (i == 1) listItem.addClass('selected')
                    else $(images[i - 1]).hide();
                }
                controls.append('<li class="next"></li>');

                controls.find('.prev').click(function() { controls.find('.selected').prev().click(); });
                controls.find('.next').click(function() { controls.find('.selected').next().click(); });

                $(this).append(controlArea).append(controls);
            
                controlArea.fadeTo('slow', 0.8);
            }
        });
    }
    $.fn.createSmallSlideShow.defaults = {}
})(jQuery);