var fxOpen;
var fxClose;
var newElm;
var newElmImg;
var _total;
var newElmQuantity;
var cartObject = new Array();

/******************************************************************************/
/*                             SHOPPING CART                                  */
/******************************************************************************/

function updateCart(action,id,quantity){
    var req;
    switch(action)
    {
        case 'add':
            $$('.add a img').each(function(elm){
                $(elm).src=base_url+'assets/img/share_add_link_disabled.png';
                $(elm).getParent().getParent().adopt(((new Element('div',{'class':'disabler'}))));
            });
            req = new Request
            (
                {
                    url: base_url+index_file+'cart/session_add',
                    method:'POST',
                    data:{
                        'id':id,
                        'quantity':quantity
                    },
                    onComplete:function(rowid){
                        updateCartImage(id);
                        $$('.add a img').each(function(elm){
                            $(elm).src=base_url+'assets/img/share_add_link.png';
                        });
                        $$('.disabler').dispose();
                        generateHiddenRowId(id,rowid);
                        updateTotal();
                    }
                }
            ).send();
            break;
        case 'update':
            $$('.add a img').each(function(elm){
                $(elm).src=base_url+'assets/img/share_add_link_disabled.png';
                $(elm).getParent().getParent().adopt(((new Element('div',{'class':'disabler'}))));
            });
            rowid = $('row_id_'+id).value;
            if(quantity == -1){
              if($('cart_item_'+id).getElement('p')) {
                newQty = 2;
              }else{
                newQty = 0;
              }
            }else{
                newQty = 2;
            }

            if($('cart_item_'+id).getElement('p'))
            {
                newQty = parseInt($('cart_item_'+id).getElement('p').innerHTML) + quantity;
            }
            
            req = new Request
            (
                {
                    url: base_url+index_file+'cart/session_update',
                    method:'POST',
                    data:{
                        'id':rowid,
                        'qty':newQty
                    },
                    onComplete:function(){
                        $$('.add a img').each(function(elm){
                            $(elm).src=base_url+'assets/img/share_add_link.png';
                        });
                        $$('.disabler').dispose();
                        updateTotal();
                    }
                }
            ).send();
            break;
    }
    req = null;
}

function updateCartImage(id)
{
    $('img_cart_'+id).src = base_url+'assets/img/products/prod'+id+'cart.png';
    $('img_cart_'+id).addEvent('mouseover',function(){$('img_cart_'+id).src = base_url+'assets/img/products/prod'+id+'delete.png'});
    $('img_cart_'+id).addEvent('mouseout',function(){$('img_cart_'+id).src = base_url+'assets/img/products/prod'+id+'cart.png'});
    $('img_cart_'+id).addEvent('click',function()
        {
            killCartItem(this);
        }
    );
}

function generateHiddenRowId(id,rowid)
{
    hidden = new Element('hidden',{'value':rowid,'id':('row_id_'+id)});
    $('cart_item_'+id).adopt(hidden);
}

function emptyCart(){
    req = new Request
    (
        {
            url: base_url+index_file+'cart/session_empty',
            method:'POST',
            onComplete:function(){
               $('cart_items_container').innerHTML = '';
               $('cart_items_container').setStyle('display','none');
               $$('.empty_button').setStyle('display','none');
               $$('.check_button').setStyle('display','none');
               $$('.left_arrow').setStyle('visibility','hidden');
               $$('.right_arrow').setStyle('visibility','hidden');
               $$('.total').setStyle('display','none');
               $$('.empty_text').setStyle('display','block');
               $('cart_number').innerHTML = '0';
               showCart();
            }
        }
    ).send();
}

function updateTotal()
{
    var req = new Request(
        {
            url: base_url + index_file + 'cart/session_total',
            method:'POST',
            onComplete: function(total){
                $('total_span').innerHTML = total;
                _total=total;
                Cufon.refresh();
            }
        }
    ).send()
}

function addCartThumbnail(id,silent)
{
    if(silent == undefined){silent = false;}
    // If no element with such id exists, then add it to the cart, else update qty
    if(!($('cart_item_'+id))){
        if(silent)
        {
            source  = base_url+'assets/img/products/prod'+id+'cart.png';
        }
        else
        {
            source  = base_url+'assets/img/ajax-loader.gif';
        }
        
        // Create the cart item and its image and put it into the cart
        newElm      = new Element('div',{'class':'item'});
        newElmImg   = new Element('img',{'src':source});
        // Set attributes
        newElmImg.setStyles({'top':0,'left':0,'position':'relative','z-index':700,'cursor':'pointer'});
        newElmImg.alt   = 'Click to delete';
        newElmImg.title = 'Click to delete';
        newElmImg.id    = 'img_cart_'+id;
        if(silent)
        {
            newElmImg.addEvent('mouseover',function(){$('img_cart_'+id).src = base_url+'assets/img/products/prod'+id+'delete.png'});
            newElmImg.addEvent('mouseout',function(){$('img_cart_'+id).src = base_url+'assets/img/products/prod'+id+'cart.png'});
            newElmImg.addEvent('click',function()
                {
                    killCartItem(this);
                }
            );
        }
        // Inject into the document
        newElm.adopt(newElmImg);
        newElm.addClass('new_item');
        newElm.id = 'cart_item_'+id;
        $('cart_items_container').adopt(newElm);

        // Make sure the cart no longer displays the 'empty' legend
        $('cart_items_container').setStyle('display','block');
        $$('.empty_button').setStyle('display','block');
        $$('.check_button').setStyle('display','block');
        $$('.total').setStyle('display','block');
        $$('.empty_text').setStyle('display','none');

        // Thumb has been added to the cart (or not), check if the pagination is needed
        buildCartPagination();

        newElmImg = null;
        newElm = null;
    }
    else
    {
        if($('cart_item_'+id).getElement('p'))
        {
            qty = $('cart_item_'+id).getElement('p');
            qty.innerHTML = parseInt(qty.innerHTML)+1;
        }
        else
        {
            newElm = new Element('p',{'class':'quantity'});
            newElm.innerHTML = '2';
            $('cart_item_'+id).adopt(newElm);
            newElm = null;
        }
    }

    // Update total in the cart tab
    $('cart_number').innerHTML = parseInt($('cart_number').innerHTML) + 1;
}

function buildCartPagination()
{
    var lastItem;
    items_quantity = $$('.new_item').length;

    // If a new item was added to the cart and there are more than 3
    if(items_quantity > 5)
    {
        // Hide all the cart items and then show only the last three
        $$('.new_item').setStyle('display','none');
        $$('.new_item').removeClass('central');
        lastItem = $$('.new_item').getLast();
        lastItem.setStyle('display','inline');  //last div
        lastItem.getPrevious('div').setStyle('display','inline'); //4th div
        lastItem.getPrevious('div').getPrevious('div').setStyle('display','inline'); //3rd div
        lastItem.getPrevious('div').getPrevious('div').addClass('central'); //3rd div
        lastItem.getPrevious('div').getPrevious('div').getPrevious('div').setStyle('display','inline'); //2nd
        lastItem.getPrevious('div').getPrevious('div').getPrevious('div').getPrevious('div').setStyle('display','inline'); //1st

        // Naturally, show the left arrow
        $$('.left_arrow').setStyle('visibility','visible');
    }
    else
    {
        $$('.new_item').setStyle('display','inline');
        $$('.rigth_arrow').setStyle('display','none');
        $$('.left_arrow').setStyle('visibility','hidden');
    }
    lastItem = null;
}

function paginateCart(direction)
{
    $$('.new_item').setStyle('display','none');
    currentPos = $$('.item.new_item.central');
    currentPos.removeClass('central');
    if(direction == 'left')
    {
        currentPos.getNext('div').setStyle('display','inline');
        currentPos.setStyle('display','inline');
        currentPos.getPrevious('div').setStyle('display','inline');
        currentPos.getPrevious('div').getPrevious('div').setStyle('display','inline');
        currentPos.getPrevious('div').getPrevious('div').getPrevious('div').setStyle('display','inline');
        currentPos.getPrevious('div').addClass('central');
    }
    else
    {
        currentPos.getPrevious('div').setStyle('display','inline');
        currentPos.setStyle('display','inline');
        currentPos.getNext('div').setStyle('display','inline');
        currentPos.getNext('div').getNext('div').setStyle('display','inline');
        currentPos.getNext('div').getNext('div').getNext('div').setStyle('display','inline');
        currentPos.getNext('div').addClass('central');
    }

    displayArrows();
}

function displayArrows()
{
    items = $$('.new_item');
    if(items.length > 0){
        if(items[0].getStyle('display') == 'inline'){
            $$('.left_arrow').setStyle('visibility','hidden');
        }
        else
        {
            $$('.left_arrow').setStyle('visibility','visible');
        }
        if(items.length<=5)
        {
            $$('.right_arrow').setStyle('visibility','hidden');
        }
        else
        {
            if(items[(items.length)-1].getStyle('display') == 'inline'){
                $$('.right_arrow').setStyle('visibility','hidden');
            }
            else
            {
                $$('.right_arrow').setStyle('visibility','visible');
            }
        }
    }
}

function makeCartItemDraggable(item)
{
    item.makeDraggable(
        {
            droppables: '#footer_cart',
            onStart: function(_element)
            {
                quantityDisplay(_element,'none');
                _element.setStyles({'z-index':700,'cursor':'move','position':'relative'});

                document.body.focus();
                document.onselectstart = function () { return false; };
            },
            onDrop: function(_element,droppable)
            {
               if(droppable){
                   _element.setStyles({'top':0,'left':0});
                   quantityDisplay(_element,'block');
               }
               else
               {
                   // If the element is dropped outside its container, it gets blown away
                   killCartItem(_element);
               }
            }
        }
    );
}

function quantityDisplay(_element,display)
{
    var parent = _element.getParent();
    if(parent.getElement('p'))
    {
        parent.getElement('p').setStyle('display',display);
    }
}

function killCartItem(_element)
{
    var parent = _element.getParent();
    // There is a number display: the qty is larger than (else: kill the lil' basterd)
    if(parent.getElement('p'))
    {
        // Anyway, decrease -1 the qty in the session(--)
        id = _element.getParent().id.split('_')[2];
        updateCart('update',id,-1);
        id = null;
        
        pElement = parent.getElement('p');
        // There are more than 2 items, decrease the little number (else: remove it)
        if(parseInt(pElement.innerHTML) > 2){
            pElement.innerHTML = parseInt(pElement.innerHTML) - 1;
        }
        else
        {
            pElement.dispose();
        }
        _element.setStyles({'top':0,'left':0});
        quantityDisplay(_element,'block');
    }
    else
    {
        _element.removeEvents();
        _element.setStyles(
            {'position':'absolute','top':-50,'left':-35}
        );
        id = _element.getParent().id.split('_')[2];
        updateCart('update',id,-1);
        id = null;
        _element.src = base_url+'assets/img/explosion.gif';
        killme = function()
        {
            parent.dispose();

            //No more items left in the cart, display friendly message
            if($$('.new_item').length < 1)
            {
               $('cart_items_container').setStyle('display','none');
               $$('.empty_button').setStyle('display','none');
               $$('.check_button').setStyle('display','none');
               $$('.total').setStyle('display','none');
               $$('.empty_text').setStyle('display','block');
            }
            buildCartPagination();
            displayArrows();
        }
        killme.delay(300);
    }

    // Update total in the cart tab
    $('cart_number').innerHTML = parseInt($('cart_number').innerHTML) - 1;
}

function addToCart(id,silent)
{
    if(silent == undefined){silent = false;}

    var action;
    if($('cart_item_'+id)){
        action = 'update';
    }
    else
    {
        action = 'add';
    }

    updateCart(action,id,1);
    if(!silent)
    {
        addCartThumbnail(id);
        showCart();
        hideCart.delay(1500);
    }

    action = null;
}

function animateCart()
{
    $('footer_cart_content').addClass('close');
    $('footer_cart_content').addClass('pointer');
    $('footer_cart_content').addEvent('mouseenter',function()
        {
            showCart();
        }
    );
}

function showCart()
{
    var h = $('footer_cart_content').getStyle('height');
    //if (h == '35px')
    {
        fxClose.cancel();
        fxOpen.cancel();

        if($$('.new_item').length < 1)
        {
            fxOpen.start('.openEmpty');
        }
        else
        {
            fxOpen.start('.open');
        }

        $('footer_cart_content').removeClass('pointer');
        $('footer_cart_content').removeEvents();
        $('footer_cart_content').addEvent('mouseleave',function()
        {
            hideCart.delay(100);
        }
        );
    }
    h = null;
}

hideCart = function()
{
    var h = $('footer_cart_content').getStyle('height');
    //if (h == '180px')
    {
        fxClose.cancel();
        fxOpen.cancel();
        fxClose.start('.close');
        $('footer_cart_content').addClass('pointer');
        $('footer_cart_content').removeEvents();
        $('footer_cart_content').addEvent('mouseenter',function()
        {
            showCart();
        }
        );
    }
    h = null;
}


function hdecart(){
    var h = $('footer_cart_content').getStyle('height');
    //if (h == '180px')
    {
        fxClose.cancel();
        fxOpen.cancel();
        fxClose.start('.close');
        $('footer_cart_content').addClass('pointer');
        $('footer_cart_content').removeEvents();
        $('footer_cart_content').addEvent('mouseenter',function()
        {
            showCart();
        }
        );
    }
    h = null;
}
/*******************************************************************************
 * GRID-RELATED FUNCTIONS (draggables, spotlight effect, etc)
 ******************************************************************************/

function makeDraggables(target)
{
    if(target)
    {
        prepareDraggableElement(target);
    }
    else
    {
        $$('.dragme').each(
            function(element)
            {
                prepareDraggableElement(element);
            }
        );
        $$('.dragme2').each(
            function(element)
            {
                prepareDraggableElement(element);
            }
        )
    }
}

function spotLight(_element,mode)
{
    var id = _element.id.split('_')[1];
    if(mode == true)
    {
        //$$('.shadow').morph('.shadow.on');
        temp = _element.getElement('.shadow');
        temp.removeClass('shadow');
        $$('.shadow').morph({opacity:[0,.5]});
        _element.getElement('img').src = base_url+'assets/img/products/prod'+id+'over.png';
        if(_element.getElement('.share'))
        {
            _element.getElement('.price').setStyle('display','block');
            _element.getElement('.share').setStyle('display','block');
            _element.getElement('.add').setStyle('display','block');
            //_element.getElement('.shadow').morph({opacity:[.1,0]});
            //_element.getElement('.shadow').morph('.shadow.off');
        }
        $('main_container').morph('#main_container.on');
        $('shadow_header').morph('#shadow_header.on');
        temp.addClass('shadow');
        temp = null;
    }
    else
    {
        //$$('.shadow').morph('.shadow.off');
        //_element.getElement('.shadow').setStyle('display','none');
        temp = _element.getElement('.shadow');
        temp.removeClass('shadow');
        $$('.shadow').morph({opacity:[0]});
        $('main_container').morph('#main_container.off');
        $('shadow_header').morph('#shadow_header.off');
        _element.getElement('img').src = base_url+'assets/img/products/prod'+id+'static.png';
        if(_element.getElement('.share'))
        {
            _element.getElement('.price').setStyle('display','none');
            _element.getElement('.share').setStyle('display','none');
            _element.getElement('.add').setStyle('display','none');
        }
        temp.addClass('shadow');
        temp = null;
    }
    id = null;
}

function prepareDraggableElement(element)
{
    element.makeDraggable(
        {
            droppables: '#footer_cart',
            onEnter: function(elm,drop)
            {
                $(elm).src = base_url+'assets/img/products/prod'+(elm.id).replace('img_drag_','')+'drag.png';
            },
            onStart: function(_element)
            {
                fxClose.cancel();
                fxOpen.cancel();

                showCart();

                var parentDiv = _element.getParent().getParent().getParent();
                var id = parentDiv.id;
                    id = id.split('_')[1];
                newElm = _element.clone();

                if(_element.className!='dragme2')
                {
                    spotLight(parentDiv,true);
                    _element.setStyles({'z-index':700,'cursor':'move','position':'absolute'});
                }
                else
                {
                    _element.getParent().setStyle('margin',0);
                    _element.getParent().getParent().setStyle('overflow','visible');
                    newElm.setStyles({'top':-172,'left':-0,'position':'absolute'});

                    newElm.addEvents(
                        {
                            'mouseover':function()
                            {
                                if($(this).getParent('.item2').id)
                                {

                                    var id = $(this).getParent('.item2').id.split('_')[1];
                                    $(this).src = base_url+'assets/img/products/prod'+id+'over.png';
                                    id = null;
                                }
                            },
                            'mouseleave':function()
                            {
                                if($(this).getParent('.item2').id)
                                {
                                    var id = $(this).getParent('.item2').id.split('_')[1];
                                    $(this).src = base_url+'assets/img/products/prod'+id+'static.png';
                                    id = null;
                                }
                            }
                        }
                    )

                    _element.setStyles({'z-index':700,'cursor':'move','position':'relative'});
                }
                _element.src = base_url+'assets/img/products/prod'+id+'drag.png';
                _element.id  = 'img_drag_'+id;
                _element.getParent().adopt(newElm);
                
                _element.removeEvents();

                newElm = null;
                parentDiv = null;
                id = null;

                document.body.focus();
                document.onselectstart = function () { return false; };
                
                showCart();

            },
            onDrop: function(_element2,droppable)
            {
                undraggable = _element2.getParent();
                _element2.dispose();

                undraggable = undraggable.getElement('img');

                var position = undraggable.className == 'dragme2' ? 'relative' : 'absolute';

                undraggable.setStyles({'top':0,'left':0,'position':position});
                
                position = null;

                makeDraggables(undraggable);

                parentDiv = undraggable.getParent().getParent().getParent();

                if(undraggable.className != 'dragme2'){
                    spotLight(parentDiv,false);
                }

                if(droppable)
                {
                    // Obtain product id
                    var  id   = parentDiv.id;
                         id   = id.split('_')[1];

                    addToCart(id,true);
                    addCartThumbnail(id);
                    showCart();

                    newElm    = null;
                    newElmImg = null;
                }
            }
        }
    );
}

function animateItemsMouseEvents()
{
    $$('.item2 img').addEvents(
        {
            'mouseover':function()
            {
                if($(this).getParent('.item2').id)
                {

                    var id = $(this).getParent('.item2').id.split('_')[1];
                    $(this).src = base_url+'assets/img/products/prod'+id+'over.png';
                    id = null;
                    
                }
            },
            'mouseleave':function()
            {
                if($(this).getParent('.item2').id)
                {
                    var id = $(this).getParent('.item2').id.split('_')[1];
                    $(this).src = base_url+'assets/img/products/prod'+id+'static.png';
                    id = null;
                }
            }
        }
    );
    $$('.item').addEvents(
        {
            'mouseover':function()
            {
                if($(this).id)
                {
                    var id = $(this).id.split('_')[1];
                    $(this).getElement('img').src = base_url+'assets/img/products/prod'+id+'over.png';
                    $(this).getElement('.price').setStyle('display','block');
                    $(this).getElement('.share').setStyle('display','block');
                    $(this).getElement('.add').setStyle('display','block');
                    //$(this).getElement('.shadow').morph('.shadow.off');
                    id = null;
                    if (_total==0){
                        showCart();
                    }
                }
            },
            'mouseleave':function()
            {
                if($(this).id)
                {
                    var id = $(this).id.split('_')[1];
                    $(this).getElement('img').src = base_url+'assets/img/products/prod'+id+'static.png';
                    $(this).getElement('.price').setStyle('display','none');
                    $(this).getElement('.share').setStyle('display','none');
                    $(this).getElement('.add').setStyle('display','none');
                    id = null;
                    if (_total==0){
                        hdecart();
                    }
                }
            }
        }
    );
}

function animateContextButtons()
{
    $$('.share').addEvents(
        {
            'mouseover':function()
            {
                $(this).addClass('exp');
            },
            'mouseleave':function()
            {
                $(this).removeClass('exp');
            }
        }
    );

    $$('.add').addEvents(
        {
            'mouseover':function()
            {
                $(this).addClass('exp');
            },
            'mouseleave':function()
            {
                $(this).removeClass('exp');
            }
        }
    );
}

function showNew(newId)
{
   location.href= base_url + index_file + "news_individual/index/"+newId;
}

function showPic(picId)
{
   location.href= base_url + index_file + "gallery_individual/index/"+picId;
}

function goToGallery()
{
   location.href= base_url + index_file + "gallery";
}

function goToNews()
{
    location.href= base_url + index_file + "news";
}

function goToFaq()
{
    location.href= base_url + index_file + "faq";
}


function nextFaq(faqID)
{
    var ajax = new Request.HTML({method:'GET', url:base_url + index_file + '/home/nextFaq/' + faqID ,
        onRequest:function(){
            $('faq_item').setStyle('display','none');
            $('faq_next').setStyle('display','none');
            $('faq_loading').setStyle('display','block');
            $('faq_loading').innerHTML = '<img src="'+ base_url +'/assets/img/backoffice/ajax-loader.gif" align="center" />';
        },
        onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
            $('faq_item').setStyle('display','block');
            $('faq_next').setStyle('display','block');
            $('faq_loading').setStyle('display','none');

            var content=responseHTML.split('||$$||');
            var id=content[0];
            var title=content[1];
            var desc=content[2];

            $('faq_title').set('text',title);
            // $('faq_description').set('text',desc);
            $('faq_description').innerHTML = desc;
            $('faq_next').set('href','javascript:nextFaq('+id+')');

            Cufon.refresh();
        }
    });
    ajax.send();
}

function changeHeader()
{
    if ($('img_home_1').getStyle('display')=='none'){
        $('img_home_1').setStyle('display','block');
        $('img_home_2').setStyle('display','none');
    }
    else{
        $('img_home_1').setStyle('display','none');
        $('img_home_2').setStyle('display','block');
    }
}

function preloadImages()
{
    Image1a = new Image();
    Image1b = new Image();
    Image1c = new Image();

    Image2a = new Image();
    Image2b = new Image();
    Image2c = new Image();

    Image3a = new Image();
    Image3b = new Image();
    Image3c = new Image();

    Image4a = new Image();
    Image4b = new Image();
    Image4c = new Image();

    Image5a = new Image();
    Image5b = new Image();
    Image5c = new Image();

    Image6a = new Image();
    Image6b = new Image();
    Image6c = new Image();

    Image7a = new Image();
    Image7b = new Image();
    Image7c = new Image();

    Image8a = new Image();
    Image8b = new Image();
    Image8c = new Image();

    Image9a = new Image();
    Image9b = new Image();
    Image9c = new Image();

    Image10a = new Image();
    Image10b = new Image();
    Image10c = new Image();

    Image11a = new Image();
    Image11b = new Image();
    Image11c = new Image();

    Image12a = new Image();
    Image12b = new Image();
    Image12c = new Image();

    Image13a = new Image();
    Image13b = new Image();
    Image13c = new Image();

    Image14a = new Image();
    Image14b = new Image();
    Image14c = new Image();

    Image15a = new Image();
    Image15b = new Image();
    Image15c = new Image();

    Image16a = new Image();
    Image16b = new Image();
    Image16c = new Image();

    Image1a.src = base_url+'assets/img/products/prod1static.png';
    Image1b.src = base_url+'assets/img/products/prod1drag.png';
    Image1c.src = base_url+'assets/img/products/prod1cart.png';

    Image2a.src = base_url+'assets/img/products/prod2static.png';
    Image2b.src = base_url+'assets/img/products/prod2drag.png';
    Image2c.src = base_url+'assets/img/products/prod2cart.png';

    Image3a.src = base_url+'assets/img/products/prod3static.png';
    Image3b.src = base_url+'assets/img/products/prod3drag.png';
    Image3c.src = base_url+'assets/img/products/prod3cart.png';

    Image4a.src = base_url+'assets/img/products/prod4static.png';
    Image4b.src = base_url+'assets/img/products/prod4drag.png';
    Image4c.src = base_url+'assets/img/products/prod4cart.png';

    Image5a.src = base_url+'assets/img/products/prod5static.png';
    Image5b.src = base_url+'assets/img/products/prod5drag.png';
    Image5c.src = base_url+'assets/img/products/prod5cart.png';

    Image6a.src = base_url+'assets/img/products/prod6static.png';
    Image6b.src = base_url+'assets/img/products/prod6drag.png';
    Image6c.src = base_url+'assets/img/products/prod6cart.png';

    Image7a.src = base_url+'assets/img/products/prod7static.png';
    Image7b.src = base_url+'assets/img/products/prod7drag.png';
    Image7c.src = base_url+'assets/img/products/prod7cart.png';

    Image8a.src = base_url+'assets/img/products/prod8static.png';
    Image8b.src = base_url+'assets/img/products/prod8drag.png';
    Image8c.src = base_url+'assets/img/products/prod8cart.png';

    Image9a.src = base_url+'assets/img/products/prod9static.png';
    Image9b.src = base_url+'assets/img/products/prod9drag.png';
    Image9c.src = base_url+'assets/img/products/prod9cart.png';

    Image10a.src = base_url+'assets/img/products/prod10static.png';
    Image10b.src = base_url+'assets/img/products/prod10drag.png';
    Image10c.src = base_url+'assets/img/products/prod10cart.png';

    Image11a.src = base_url+'assets/img/products/prod11static.png';
    Image11b.src = base_url+'assets/img/products/prod11drag.png';
    Image11c.src = base_url+'assets/img/products/prod11cart.png';

    Image12a.src = base_url+'assets/img/products/prod12static.png';
    Image12b.src = base_url+'assets/img/products/prod12drag.png';
    Image12c.src = base_url+'assets/img/products/prod12cart.png';

    Image13a.src = base_url+'assets/img/products/prod13static.png';
    Image13b.src = base_url+'assets/img/products/prod13drag.png';
    Image13c.src = base_url+'assets/img/products/prod13cart.png';

    Image14a.src = base_url+'assets/img/products/prod14static.png';
    Image14b.src = base_url+'assets/img/products/prod14drag.png';
    Image14c.src = base_url+'assets/img/products/prod14cart.png';

    Image15a.src = base_url+'assets/img/products/prod15static.png';
    Image15b.src = base_url+'assets/img/products/prod15drag.png';
    Image15c.src = base_url+'assets/img/products/prod15cart.png';

    Image16a.src = base_url+'assets/img/products/prod16static.png';
    Image16b.src = base_url+'assets/img/products/prod16drag.png';
    Image16c.src = base_url+'assets/img/products/prod16cart.png';

    Image16c.src = base_url+'assets/img/explosion.gif';
}

/*******************************************************************************
 * ONDOMREADY:
 ******************************************************************************/

window.addEvent('domready', function()
    {
        preloadImages();

        fxOpen = new Fx.Morph('footer_cart_content', {
            'duration': 700,
            'transition': 'bounce:out'
        });

        fxClose = new Fx.Morph('footer_cart_content', {
            'duration': 700,
            'transition': 'bounce:out'
        });

        animateCart();

        makeDraggables();

        animateItemsMouseEvents();

        animateContextButtons();

        fillCart();

        updateTotal();

        $('cart_number').innerHTML = qty_items;
    }
);