﻿
    function bindFunctions(id) {
        (new RipCurl.ProductDisplayer($('#' + id))).initialize();
        // over list item
        $('#' + id + ' div.itemWrapper').mouseover(function() {
            $(this).addClass('selected');
            $(this).find('.default').css("display", "none");
            $(this).find('.over').css("display", "block");
        });
        $('#' + id + ' div.itemWrapper').mouseout(function() {
            $(this).removeClass('selected');
            $(this).find('.over').css("display", "none");
            $(this).find('.default').css("display", "block");
        });
    }


    RipCurl = {}
    
    RipCurl.ProductDisplayer = function(item) {
        this._item = item; 
    }
    RipCurl.ProductDisplayer.prototype = {
        initialize: function() {
            var item = this._item;
            item.find('.js_miniLink').click(function(e) {
                e.preventDefault();

                item.find('.current').removeClass('current');
                $(this).addClass('current');


                var imgPrefix = $(this).attr('it:imageUrl');
                var lastImgPrefix = /products\/.*?-/;

                item.find('div.itemList img').each(function(index) {
                       var imageproductUrl = this
                                        .src
                                        .replace(lastImgPrefix, "products/" + imgPrefix + "-");
                       this.src = imageproductUrl;
                 });

                

                var variantId = $(this).attr('it:variantId');
                var lastVariantID = /variantID=.*\&categoryID/; //Variant ID for Link to Produt


                item.find('a.productLink').each(function(index) {
                    $(this).attr('href', $(this).attr('href').replace(lastVariantID, "variantID=" + variantId + "&categoryID"));
                });
                
                

                var listPrice = $(this).attr('it:listPrice');
                item.find('#lblProductPrice').text(listPrice);

                var originalPrice = $(this).attr('it:originalPrice');
                item.find('#lblBarredPrice').text(originalPrice);

            });
        }
    }
