// Mini Basket
var basketMoving;
var basketOpen;

Event.observe(window, 'load', function() {
    $('miniBasket-open').style.top = -($('miniBasket-open').offsetHeight) + "px";
    basketOpen = false;
    basketMoving = false;
    //new Effect.Move('miniBasket-open', {x:0, y:-($('miniBasket-open').offsetHeight), mode:'relative', queue:{position:'end', scope:'minibasket'}});
    
    // Open mini basket
    $('miniBasketShow').observe('click', function(event) {
        event.stop();
        if (basketOpen == false && basketMoving == false) {
            basketMoving = true;
            basketOpen = true;
            $('miniBasket-wrap').style.visibility = 'visible';
            $('miniBasket-wrap').style.display = 'block';
            new Effect.Move('miniBasket-open', {afterFinish: function(){basketMoving=false;}, duration:0.75, x:0, y:(document.getElementById('miniBasket-open').offsetHeight), mode:'relative', queue:{position:'end', scope:'minibasket'}});
        }    
    });
    
    //Close mini basket
    $('miniBasketHide').observe('click', function(event){
        event.stop();
        if (basketOpen == true && basketMoving == false) {
            basketMoving = true;
            basketOpen = false;
            new Effect.Move('miniBasket-open', {afterFinish: function(){basketMoving=false;}, duration:0.75, x:0, y:-($('miniBasket-open').offsetHeight), mode:'relative', queue:{position:'end', scope:'minibasket'}});
            new Effect.BlindUp('miniBasket-wrap');
        }        
    });
    
    //Product details thumbnail switcher
    $$('div#productImageThumbs img').each(function(sel){
        Event.observe(sel, 'click', function(event){
            event.stop();
            var fullSizeURL = sel.up('a').href;
            var mediumSizeURL = sel.up('a').rel;
            
            $('productImage').down('a').href = fullSizeURL;
            $('productImage').down('img').src = mediumSizeURL;            
        });
    });
    
    
});