function clearSearch(obj)
{
    if(obj.value == 'артикул или название') obj.value = '';
    return false;
}

$(document).ready(function(){
    $('div.sizeSelector a').click(function(e){
        e.preventDefault();
        if($(this).hasClass('selected'))
        {
            return;
        }

        showOverlay();
        $('body').append(
            preloader = $('<div id="global-preloader"></div>')
        );
        preloader.center();
            
            
        $('div.sizeSelector a.selected').removeClass('selected');
        $(this).addClass('selected');
        var size = $(this).attr('rel');
        
        $.post(
            baseUrl,
            {size: size, template: 'ajaxcatalog', ajax: true},
            function(data)
            {
                $('#catalogContent').html(data);
                preloader.remove();
                $('#my-overlay').hide();
            }
        );
    });
});


/**
 * Global custom overlay
 */
function showOverlay()
{
    if (!$("#my-overlay").length)
    {
        $('body').append(
            overlay    = $('<div id="my-overlay"></div>')
        );
    }
    else
    {
        overlay = $('#my-overlay');
    }
    overlay.css({
        'background-color' : '#000000',
        'opacity' : '0.4',
        'cursor' : 'auto',
        'height' : $(document).height()
    });
    overlay.show();
}


// Extending jQuery with function to center DOM elements in viewport
(function($){
    $.fn.extend({
        center: function () {
            return this.each(function() {
                var windowHeight = document.documentElement.clientHeight;
                
                var scrollTop = 0;
                if (document.documentElement)
                {
                    scrollTop = document.documentElement.scrollTop;
                }
                if (document.body && !scrollTop)
                {
                    scrollTop = document.body.scrollTop;
                }
                var top = scrollTop + (windowHeight - $(this).outerHeight()) / 2;
                
                var left = ($(window).width() - $(this).outerWidth()) / 2;
                $(this).css({position:'absolute', margin:0, top: (top > 0 ? top : 0)+'px', left: (left > 0 ? left : 0)+'px'});
            });
        }
    });
})(jQuery);