$(document).ready(function(){
    $('.btn_meer_info').each(function(){
        $(this).attr('sPosL',$(this).css('left')).css({
            'background-position':'0px 0px'
        }).html('<div class="click"></div><b></b><div class="arrow"></div>');
        $('.click',this).mouseover(function(){
            $('.arrow',$(this).parent()).animate({
                'right':'-15px'
            }, 100, "linear");
            $('b',$(this).parent()).animate({
                'left':'10px'
            }, 150, "linear");
        }).mouseout(function(){
            $('.arrow',$(this).parent()).animate({
                'right':'-10px'
            }, 100, "linear");
            $('b',$(this).parent()).animate({
                'left':'0px'
            }, 150, "linear");
        })
    });

    $('.btnBlackFade').each(function(){
        $(this).append('<div class="click"></div>');
        $('.click',this).mouseover(function(){
            $('.arrow',$(this).parent()).animate({
                'right':'30px'
            }, 100, "linear");
            $('.onsale, u',$(this).parent()).animate({
                'opacity':'0.4',
                'filter':'alpha(opacity=40)'
            }, 100, "linear");
            $('b',$(this).parent()).animate({
                    'margin-left':'10px'
            }, 150, "linear");
        }).mouseout(function(){
            $('.arrow',$(this).parent()).animate({
                'right':'20px'
            }, 100, "linear");
            $('.onsale, u',$(this).parent()).animate({
                'opacity':'1.0',
                'filter':'alpha(opacity=100)'
            }, 100, "linear");
            $('b',$(this).parent()).animate({
                'margin-left':'0px'
            }, 150, "linear");
        });
    });
});