// Effects

window.onDomReady(function(){
    $$('img.moo_addGift').each(function(el){
        $(el).addEvent('click',function(){
            window.triggerTop = $(el).getTop();
		    window.triggerLeft = $(el).getLeft();
            addToBasket(el);
        });
    });
    $$('img.moo_addGift_giftReg').each(function(el){
        $(el).addEvent('click',function(){
            window.triggerTop = $(el).getTop();
		    window.triggerLeft = $(el).getLeft();
            addToBasket_giftReg(el);
        });
    });
    $$('input.moo_addGift_giftReg').each(function(el){
        $(el).addEvent('click',function(){
            window.triggerTop = $(el).getTop();
		    window.triggerLeft = $(el).getLeft();
            addToBasket_giftReg(el);
        });
    });
});

function addToBasket(dir){
    var el = $('tooltip');
    if(dir == 'l') {
        $(el).setStyle('background-image','url(/images/tip_background_lr.gif)');
        $(el).setStyles({top:(window.triggerTop-130),left:(window.triggerLeft)});
    }else{
        $(el).setStyle('background-image','url(/images/tip_background.gif)');
        $(el).setStyles({top:(window.triggerTop-130),left:(window.triggerLeft-200)});
    }
    $(el).setStyle('display','block');
    $(el).setStyle('opacity','1');
    try{
        window.myFx.stop();
    }catch(e){
    }
    var to = 0;
    window.myFx = el.effect('opacity', {
            duration: 6000,
            onCancel: function(){
                //$(el).setStyle('display','none');
            }
    });
    (function(){ window.myFx.start(to) }).delay(6000);
}

function addToBasket_giftReg(dir){
    var el = $('tooltip_giftReg');
    if(dir == 'l') {
        $(el).setStyle('background-image','url(/images/tip_background_gift_lr.gif)');
        $(el).setStyles({top:(window.triggerTop-130),left:(window.triggerLeft)});
    }else{
        $(el).setStyle('background-image','url(/images/tip_background_gift.gif)');
        $(el).setStyles({top:(window.triggerTop-130),left:(window.triggerLeft-200)});
    }
    $(el).setStyle('display','block');
    $(el).setStyle('opacity','1');
    try{
        window.myFx.stop();
    }catch(e){
    }
    var to = 0;
    window.myFx = el.effect('opacity', {
            duration: 6000,
            onCancel: function(){
                //$(el).setStyle('display','none');
            }
    });
    (function(){ window.myFx.start(to) }).delay(6000);
}