$(document).ready(function(){
     $('.slide-button').click(function() {
        if($('.user-form').is(":hidden")) {
            $('.user-form').slideDown();
            $('.acc').css({backgroundPosition: '-40px -2920px'})
            .animate({backgroundPosition: '-40px -2995px'});
        }
        else {
            $('.user-form').slideUp();
            $('.acc').css({backgroundPosition: '-40px -2995px'})
            .animate({backgroundPosition: '-40px -2920px'});
        }
     });
     $('.account-user-name').click(function() {
        if($('.user-menue').is(":hidden")) {
            $('.user-menue').slideDown();
        }
        else {
            $('.user-menue').slideUp();
        }
     });
     $('.expand-button').click(function () {
       $(this).parent().parent().next('tr').toggle();
       if($(this).attr('class').search(/expanded/) > -1) {
           $(this).removeClass('expanded');
           $(this).parent().parent().removeClass('expanded');
           $(this).parent().parent().next('tr').removeClass('expanded');
       } else {
           $(this).addClass('expanded');
           $(this).parent().parent().addClass('expanded');
           $(this).parent().parent().next('tr').addClass('expanded');
       }
    });
    $('select').uniform();
    $('.sort_select').change(function() {
       location.href = $(this).val();
    });
    $('.product-filter-options').find('input').change(function () {
        var checkbox = $(this).val();
        location.href=checkbox;
    });
    $('input:text, input:password').wrap(function() {
        switch(this.className) {
            case 'str':
                return '<div class="input-wrapper str text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            case 'hnr':
                return '<div class="input-wrapper hnr text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            case 'ort':
                return '<div class="input-wrapper ort text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            case 'plz':
                return '<div class="input-wrapper plz text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            case 'fn':
                return '<div class="input-wrapper fn text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            case 'ln':
                return '<div class="input-wrapper ln text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            case 'fst':
                return '<div class="input-wrapper fst text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            case 'pass':
                return '<div class="input-wrapper pass text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            case 'cap':
                return '<div class="input-wrapper captcha text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
            default:
                return '<div class="input-wrapper text clearfix"><div class="right"></div><div class="left">&nbsp;</div></div>';
        }
    });
    $('.morepics').scrollable();
    
	
	$("img[rel]").overlay({
		mask: '#789'
	});
});