/**
 * @author alexander.farkas
 */

(function($){
    (function($){
    // Simple JavaScript Templating
    // John Resig - http://ejohn.org/ - MIT Licensed
    (function(){
        var cache = {};
        
        $.tmpl = function tmpl(str, data){
            // Figure out if we're getting a template, or if we need to
            // load the template - and be sure to cache the result.
            var fn = !/\W/.test(str) ? cache[str] = cache[str] ||
            tmpl(document.getElementById(str).innerHTML) :            // Generate a reusable function that will serve as a template
            // generator (and which will be cached).
            new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" +
            
            // Introduce the data as local variables using with(){}
            "with(obj){p.push('" +
            
            // Convert the template into pure JavaScript
            str
                .replace(/^[\s]*<!--/, '')
                .replace(/-->[\s]*$/, '')
                .replace(/[\r\t\n]/g, " ")
                .split("<%").join("\t")
                .replace(/((^|%>)[^\t]*)'/g, "$1\r")
                .replace(/\t=(.*?)%>/g, "',$1,'")
                .split("\t").join("');")
                .split("%>")
                .join("p.push('")
                .split("\r")
                .join("\\'") +
            "');}return p.join('');");
            
            // Provide some basic currying to the user
            return data ? fn(data) : fn;
        };
    })();

    $.fn.rewriteSelect = function(opts){
        opts = $.extend({
            changeFn: function(){
            }
        }, opts);
        return this.each(function(){
            var jElm = $(this), val = jElm.val(), 
                name = jElm.attr('name'), 
                width = jElm.width() + 5, 
                selText = $('option:eq(' + this.selectedIndex + ')', this).text(), 
                selContainer = jElm.parent(), 
                selIndicator = '<span style="width: ' + width + 'px" class="indicator"><span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span><em>' + selText + '</em></span>', 
                options = '', 
                selected, 
                buttonSubmit = jElm.is('.has-submit'),//
                form;
            
            
            $('option', this).each(function(){
                selected = (this.selected) ? ' class="radio checked-radio"' : ' class="radio"';
                options += '<li><span' + selected + ' data-value="' + $(this).val() + '">' + $(this).text() + '</span></li>';
            });
            width += 2;
            var selectReplacement = $('<ul><li>' + selIndicator + '<div style="width: ' + width + 'px" class="options"><div><ul>' + options + '</ul><span class="bl"></span><span class="br"></span></div></div></li></ul>').appendTo(selContainer[0]);
            jElm.remove();
            var hiddenInput = $('<input type="hidden" value="' + val + '" name="' + name + '" />').appendTo(selContainer[0]);
            selIndicator = $('span.indicator em', selContainer[0]);
            if (!buttonSubmit) {
                form = selectReplacement.parents('form:first');
                $('input[type=submit]', form[0]).remove();
            }
            selectReplacement.menubar({
                selSubmenu: 'div',
                needToActivate: true,
                closeOnLeave: false,
                menuitem: 'span'
            }).bind('menuitemchange', function(e, instance){
                if (instance.checked) {
                    var text = $.trim(instance.element.text());
                    selIndicator.text(text);
                    hiddenInput.val(instance.menuitem.attr('data-value'));
                }
                opts.changeFn();
                if (!buttonSubmit && form) {
                    form.submit();
                }
                
            });
        });
    };
    
    
    $.fn.rewriteSelectEmotional = function(opts){
        opts = $.extend({
            changeFn: function(){
            }
        }, opts);
        return this.each(function(){
            var jElm = $(this), val = jElm.val(), 
                name = jElm.attr('name'), 
                width = jElm.width() + 5, 
                selText = $('option:eq(' + this.selectedIndex + ')', this).text(), 
                selContainer = jElm.parent(), 
                selIndicator = '<span style="width: ' + width + 'px" class="indicator"><span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span><em>' + selText + '</em></span>', 
                options = '', 
                selected, 
                buttonSubmit = jElm.is('.has-submit'),//
                form;
            
            
            $('option', this).each(function(){
                selected = (this.selected) ? ' class="radio checked-radio"' : ' class="radio"';
                options += '<li><span' + selected + ' data-value="' + $(this).val() + '">' + $(this).text() + '</span></li>';
            });
            width += 2;
            var selectReplacement = $('<ul><li>' + selIndicator + '<div style="width: ' + width + 'px" class="options"><div><ul>' + options + '</ul><span class="bl"></span><span class="br"></span></div></div></li></ul>').appendTo(selContainer[0]);
            jElm.remove();
            var hiddenInput = $('<input type="hidden" value="' + val + '" name="' + name + '" />').appendTo(selContainer[0]);
            selIndicator = $('span.indicator em', selContainer[0]);
            if (!buttonSubmit) {
                form = selectReplacement.parents('form:first');
                $('input[type=submit]', form[0]).remove();
            }
            selectReplacement.menubar({
                selSubmenu: 'div',
                needToActivate: true,
                closeOnLeave: false,
                menuitem: 'span'
            }).bind('menuitemchange', function(e, instance){
                if (instance.checked) {
                    var text = $.trim(instance.element.text());
                    var url = instance.menuitem.attr('data-value');
                    selIndicator.text(text);
                    window.open(url, '_self');
                    hiddenInput.val(instance.menuitem.attr('data-value'));
                }
                opts.changeFn();
                if (!buttonSubmit && form) {
                  //  form.submit();
                }
                
            });
        });
    };
    
    function filterList(){
        var params = {},
            paramText = {},
            dynWrapper,
            selectwrapper,
            ahrComplete = false,
            animComplete = false;

        function renderResult(result){
            $.each(result.selects, createSelects);
            
            if($.browser.msie){
                dynWrapper
                    .html($.tmpl('product_tmpl', result.resultset))
                    .css('visibility', 'visible');
            } else {
                dynWrapper
                    .html($.tmpl('product_tmpl', result.resultset))
                    .css('opacity', 1)
                    .slideDown(400);
            }
        }

        function getFilteredData(json, status){
            if (status && status == 'success') {
                ahrComplete = json;
                if(animComplete){
                    if(json.resultset && (json.resultset.category || json.resultset.item)) {
                        renderResult(json);
                    }
                    ahrComplete = false;
                }
            }
        }

       function createSelects(i, item){
            var selIndicator, options, selected, id, oldSelect, selectReplacement, selText;
            options = '';
            for (var prop in item) {
                id = prop;
                
                paramText[id] = paramText[id] ||
                    '';
                
                $.each(item[prop].text, function(i, text){
                    selected = ' class="radio"';
                    if ((!params[id] && !$.location.querys[id] && i === 0) || // initial
                        (!params[id] && $.location.querys[id]  == item[prop].val[i]) || // query vorhanden
                         (params[id] == item[prop].val[i]) || // name/val gespeichert
                         (paramText[id] == text)) { // text vorhanden
                        selected = ' class="radio checked-radio"';
                        params[id] = item[prop].val[i];
                        paramText[id] = text;
                        selText = text;
                    }
                    options += '<li><span' + selected + ' data-value="' + item[prop].val[i] + '">' + text + '</span></li>';
                    
                });
                selText = selText ||
                    item[prop].text[0];
                    
                selIndicator = '<span class="indicator"><span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span><em>' + selText + '</em></span>';
                selectReplacement = '<ul id="' + id + '"><li>' + selIndicator + '<div class="options"><div><ul>' + options + '</ul><span class="bl"></span><span class="br"></span></div></div></li></ul>';
                oldSelect = $('#' + id);
                if (oldSelect[0]) {
                    selectReplacement = $(selectReplacement).replaceAll(oldSelect[0]);
                }
                else {
                    selectReplacement = $('<div class="select">' + selectReplacement + '</div>').appendTo('#filter fieldset').find('#' + id);
                }
                selectReplacement
                    .menubar({
                        selSubmenu: 'div',
                        needToActivate: true,
                        closeOnLeave: false,
                        menuitem: 'span'
                    })
                    .bind('menuitemchange', function(e, instance){
                        if (instance.checked) {
                            var text = $.trim(instance.element.text()), 
                                id = instance.options.parentInstance.element.attr('id'), 
                                val = instance.menuitem.attr('data-value');
                            params[id] = val;
                            paramText[id] = text;
                            instance.parentItems.find('span.indicator em').text(text);
                            //selIndicator.text(text);
                            ahrComplete = false;
                            animComplete = false;
                            $.getJSON(selectBoxes.actionUrl, params, getFilteredData);
                            if($.browser.msie){
                                dynWrapper.css('visibility', 'hidden');
                                animComplete = true;
                            } else {
                                dynWrapper
                                    .stop()
                                    .animate({
                                        opacity: 0,
                                        height: 'hide'
                                    }, {
                                        duration: 1555,
                                        complete: function(){
                                            $('#filter fieldset').html('');
                                            animComplete = true;
                                            if(ahrComplete){
                                                getFilteredData(ahrComplete, 'success');
                                                animComplete = false;
                                            }
                                        }
                                    });
                            }
                        }
                    });
                if($.browser.msie && $.browser.version < 8){
                    selectReplacement.parent().css({
                        width: '170px',
                        'float': 'right'
                    });
                }
            }
        }
        
        function generateList(data){
            data = data || selectBoxes.selects;
            $.each(data, createSelects);
        }
        
        if (typeof selectBoxes != 'undefined') {
            
            $('#filter').append('<fieldset></fieldset>');
            generateList();
            dynWrapper = $('#progress div.dyn-wrapper');
        }
    }
    function lingerieToc(){
        
        function switchTab(activeTab, activePanel, deactivatedTab){
            activeTab
                .parent()
                .addClass('active');
            deactivatedTab
                .parent()
                .removeClass('active');
        }
        
        $('#glossary-nav li.active a, #fabric-toc li.active a').addClass('active');
        
        $('#glossary-nav a').tab({
            'tabListSel': '#glossary-nav', 
            'activeClass': 'active',
            complete: switchTab
        });
        
        $('#fabric-toc a').tab({
            'activeClass': 'active',
            complete: switchTab
        });
        
        $('ol.toc-panel').each(function(){
            $('a', this).tab();
        });
    }
    
    function callOnReady(){
        if(!$.browser.msie && typeof selectBoxes != 'undefined'){
            $('body').addClass('scroll');
        }
        //filterList();
        //$('select#emotional').rewriteSelectEmotional();
        //$('select').rewriteSelect();
        initMenu();
        $.triumpgBgImg.init();
        $('input[type=submit]').createLinkButton({
            extraClass: 'input',
            innerLink: '<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span><span>$value</span>'
        });
        lingerieToc();
        // for one-brand view
        if($('ul.nav-main li').length == 2) {
            $('ul.nav-main').addClass('single');
            $('ul.nav-main li:first').hide();
            $('ul.nav-main li:eq(2)').addClass('active');
        };
        
        $('span.reddot a').removeAttr('onmouseover');
        $('span.reddot a').removeAttr('onmouseout');
        
        $('div.box-2>div:nth-child(2n), div.box-3>div:nth-child(3n), div.box-4>div:nth-child(4n)').addClass('last');
        
        $('p.more:last a').click(function() {
          $('div#container-1').css('display', 'none');
          $('div#tellafriend').css('display', 'none');
          $('div#container-2').css('display', 'none');
          $('div#gallery').css('display', 'block');
        });
        
        $('ul.send a.mail').click(function() {
          $('div#container-1').css('display', 'none');
          $('div#gallery').css('display', 'none');
          $('div#container-2').css('display', 'none');
          $('div#tellafriend').css('display', 'block');
        });
        
        $('#gallery p.back a').click(function() {
          $('div#container-1').css('display', 'block');
          $('div#container-2').css('display', 'block');
          $('div#gallery').css('display', 'none');
          $('div#tellafriend').css('display', 'none');
        });
        var redirectURL = location.pathname;
        redirectURL += location.search;
        redirectURL += location.hash;
        $('#tellafriend p.back a').attr('href', redirectURL);
        
        /* IhatE U */
        if ($.browser.msie) {
            var overlay = $('#overlay'), opac = (overlay.is('.mod')) ? 0 : 0.5;
            overlay.css({
                'opacity': opac
            });
        }
    }

    $(callOnReady);
    });
})(jQuery);


(function($){
    (function($){
        $.widget('ui.imageGallery', {
            init: function(){
                var that = this, o = this.options;
                this.links = $(o.link, this.element[0]);
                this.imageStage = $(o.imageStage, this.element[0]);
                this.imageStage.attr('tabIndex', '-1');
                if ($.imgPreLoad) {
                    this.links.each(function(){
                        $.imgPreLoad.add($(this).attr('href'));
                    });
                }
                function switchPic(e){
                  callSlider(false,$(this).parent().parent().attr('id'),$('img',this).attr('alt'));
                  return false;
                }
                this.links.bind('click.imageGallery', switchPic).attr('role', 'button');
                
            },
            switchImgStage: function(elm, e){
                var jElm = $(elm), src = jElm.attr('href');
                this.links.removeClass('active');
                jElm.addClass('active');
                if (!this.options.switchImgFn) {
                    $('img', this.imageStage).attr('src', src);
                }
                else {
                    this.options.switchImgFn.call(this, src, jElm);
                }
            }
        });
        $.ui.imageGallery.defaults = {
            link: 'a',
            imageStage: 'div.photo',
            switchImgFn: false
        };
    })(jQuery);
    var zoomGallery = (function(){
        var img, jImg, zoomContainer, gallery, galleryDim, nowDim, dimArray, poses, zoomImage;
        
        function constrainToGallery(left, top, width, height){
            width = width || parseFloat(img.style.width, 10);
            height = height || parseFloat(img.style.height, 10);
            
            var maxMin = $.objScale.constrainMaxMinPositionForContainer(
                {
                    width: width, 
                    height: height
                }, galleryDim, 
                {
                    left: left,
                    top: top
                });
            return [maxMin.left, maxMin.top];
        }
        
        function dragImg(e){
            
            var x = poses.x - e.clientX, 
                y = poses.y - e.clientY, 
                left = poses.left - x, 
                top = poses.top - y;
            var nPos = constrainToGallery(left, top);
            nPos[0] = nPos[0] || 0;
            nPos[1] = nPos[1] || 0;
            img.style.left = nPos[0] + 'px';
            img.style.top = nPos[1] + 'px';
            poses = {
                x: e.clientX || 0,
                y: e.clientY || 0,
                top: nPos[1],
                left: nPos[0]
            };
        }
        function scale(){
            var dir = (this.className == 'zoom-in') ? 1 : -1;
           
            if (dimArray[nowDim + dir]) {
                nowDim += dir;
                var pos = {
                        top: parseFloat(img.style.top) + ((parseFloat(img.style.height) - dimArray[nowDim].height) / 2),
                        left: parseFloat(img.style.left) + ((parseFloat(img.style.width) - dimArray[nowDim].width) / 2)
                    },
                    cPos = constrainToGallery(pos.left, pos.top, dimArray[nowDim].width, dimArray[nowDim].height);
                
                pos.left = cPos[0];
                pos.top = cPos[1];
                var css = $.extend({}, dimArray[nowDim], pos);
                jImg.animate(css, {duration: 200});
            }
            return false;
        }
        function mouseDown(e){
            poses = {
                x: e.clientX,
                y: e.clientY,
                top: parseFloat(img.style.top, 10),
                left: parseFloat(img.style.left, 10)
            };
        }
        
        function prepareNewImg(){
            var imgDim = $.objScale.scaleSidesIn(this, galleryDim),
                difDim = {
                    width: galleryDim.width - imgDim.width,
                    height: galleryDim.height - imgDim.height
                };
            if(difDim.width < 5 && difDim.width > 0){
                imgDim.height = $.objScale.scaleWidthTo(imgDim, galleryDim.width);
                imgDim.width = galleryDim.width;
            } else if(difDim.height < 5 && difDim.height > 0){
                imgDim.width = $.objScale.scaleHeightTo(imgDim, galleryDim.height);
                imgDim.height = galleryDim.height;
                
            }
            var maxDim = {width: this.width, height: this.height};
            
            nowDim = 0;
            var stepWidth = (Math.abs(imgDim.width - maxDim.width)) / 3, stepHeight = (Math.abs(imgDim.height - maxDim.height)) / 3;
            dimArray = $.extend({}, imgDim);
            delete dimArray.margin;
            dimArray = [dimArray];
            for (var i = 0; i < 2; i++) {
                dimArray.push({
                    width: imgDim.width + stepWidth,
                    height: imgDim.height + stepHeight
                });
                
                stepWidth += stepWidth;
                stepHeight += stepHeight;
            }
            dimArray.push($.extend({}, maxDim));
            var css = {
                position: 'absolute',
                width: imgDim.width,
                height: imgDim.height,
                top: imgDim.margin[0],
                left: imgDim.margin[1],
                opacity: 0
            };
            jImg.css(css)
                .prependTo(zoomContainer[0])
                .animate({
                    opacity: 1
                },
                {
                    duration: 200
                })
                .bind('mousedown', mouseDown);
            
            
            var mouseDrag = new MouseDrag();
            mouseDrag.mouseInit();
            
        }
        function MouseDrag(){
            this.element = jImg;
            this.options = $.ui.mouse.defaults;
        }
        $.extend(MouseDrag.prototype, $.ui.mouse, {
            mouseDrag: dragImg
        });
        function switchImage(src, jElm){
            $('img:first', zoomContainer[0]).animate({
                opacity: 0
            }, {
                duration: 300,
                complete: function(){
                    $(this).remove();
                }
            });
            img = new Image();
            jImg = $(img);
            jImg.load(prepareNewImg);
            img.src = src;
        }
        function init(){
            gallery = $('#ser_right');
            zoomImage = $('#zoom-image');
            if (gallery[0] && zoomImage.length == 0) {
                var imgSrc = $('#ser_slider ul li:hidden a').attr('href');
                img = new Image();
                zoomContainer = $('<div id="zoom-image"><div class="zoom-control"><a href="#" class="zoom-in">zoom in</a><a href="#" class="zoom-out">zoom out</a></div></div>');
                zoomContainer.appendTo('#ser_middle_bg');
                galleryDim = {
                    width: $('#zoom-image').innerWidth(),
                    height: $('#zoom-image').innerHeight()
                };
                $('#ser_right').imageGallery({
                    imageStage: '#zoom-image',
                    link: '#ser_slider a',
                    switchImgFn: switchImage
                });
                jImg = $(img);
                jImg.load(prepareNewImg);
                img.src = imgSrc;
                $('a', zoomContainer[0]).click(scale);
            }
        }
        return {
            init: init,
            element: jImg,
            dragImg: dragImg
        };
    })();
    
    function callSlider(firstRun,stdProduct,fcolor){
      if($("#ser_slider").length == 1){
        var nvencoded = $.toJSON(namevarJSON);
        var nvitems = $.evalJSON(nvencoded).items;
        var encoded = $.toJSON(seriesJSON);
        var items = $.evalJSON(encoded).items;

        if(firstRun == false){
          $('#ser_slider li').remove();
          $('#ser_middle_bott').empty();
          $('#zoom-image').remove();
        }

        if(stdProduct == false || firstRun == false){
          slideNew = true;
        }else{
          slideNew = false;
        }
        $.each(items, function(){
          var html = '';
          var htmlSlide = '';
          var tmphtmlSlide = '';
          var name = this.name;
          var id = this.id;
          var cut = this.cut;
          var std = this.std;
          var text = this.text;
          var shop = this.shop;
          var recommend = this.recommend;
          var pricedetail =this.pricedetail;
          var sizedetail =this.sizedetail;
          var colordetail =this.colordetail;
          var colors =this.colors;
/* set STANDARD */
          if((firstRun == true && std == 'true' && stdProduct == false) || (stdProduct == id && firstRun == false)){
            if(stdProduct == false) {
              stdProductAct = id;
            }else{
              stdProductAct = stdProduct;
            }
/* set smb_left */
            $('#ec_link').attr({href:shop});
            html = '<div id="smb_left"><span>'+name+'</span><br />'+nvitems[0].name+': '+id+'<br /><br />';
            html += '<p id="productDescr">'+text+'</p><br />';
            html += '<span>'+nvitems[1].name+':</span><br />';
            html += '<table cellspacing="0" cellpadding="0">';
            pricecupsize = false;
            $.each(pricedetail, function(){
              if(this.cupsize != ""){
                pricecupsize = true;
              }
            });
            $.each(pricedetail, function(){
              var pricepairs = this.price.split('-');
              if(pricepairs.length > 1){
                this.price = nvitems[4].text[0].brutto+nvitems[4].text[0].sign+pricepairs[1]+'('+nvitems[4].text[0].netto+nvitems[4].text[0].sign+pricepairs[0]+')';
              }
              if(pricecupsize != 0){
                html += '<tr><td width="50px">'+this.cupsize+'</td><td>'+this.price+'</td></tr>';
              }else{
                html += '<tr><td>'+this.price+'</td></tr>';
              }
              
            });
            html += '</table><br /><span>'+nvitems[2].name+':</span><br /><table cellspacing="0" cellpadding="0">';
            sizecupsize = false;
            $.each(sizedetail, function(){
              if(this.cupsize != ""){
                sizecupsize = true;
              }
            });
            $.each(sizedetail, function(){
              if(sizecupsize == true){
                html += '<tr><td width="50px">'+this.cupsize+'</td><td>'+this.text+'</td></tr>';
              }else{
                html += '<tr><td>'+this.text+'</td></tr>';
              }
            });
            html += '</table><br /><span>'+nvitems[3].name+':</span><br /><table cellspacing="0" cellpadding="0">';
            colorcupsize = false;
            $.each(colordetail, function(){
              if(this.cupsize != ""){
                colorcupsize = true;
              }
            });
            $.each(colordetail, function(){
              if(colorcupsize == true){
                html += '<tr><td width="50px">'+this.cupsize+'</td><td>'+this.text+'</td></tr>';
              }else{
                html += '<tr><td>'+this.text+'</td></tr>';
              }
            });
            html += '</table>';
            html += '</div>';
            $('#ser_middle_bott').append(html);
/* set smb_right */
            html = '<div id="smb_right">';
            html += '<table cellspacing="0" cellpadding="0" class="smb_colors">';
            $.each(colors, function(i){
              // addition, Martin Keck, 2010-02-18
              // set colored border for selected product color 
              isSelected = '';
              if( fcolor == this.color && ! firstRun ) {
            	 isSelected = 'class="is-selected"';
              }
              if( firstRun && i== 0 ) {
            	 isSelected = 'class="is-selected"';
              }
              html += '<tr><td width="35px"><img src="'+this.picture+'" alt="'+this.color+'" '+isSelected+' /></td><td>'+this.color+':<br />'+this.text+'</td></tr>';
              if(this.std == 'true' && fcolor == false && stdProduct == false){
                htmlSlide += '<li id="'+id+'"><div class="ser_right_solo"><a href="'+this.pictureZoom+'"><img src="'+this.pictureSlide+'" alt="'+this.color+'" /></a></div></li>';
              }
            });
            html += '</table>';
            html += '</div>';
            $('#ser_middle_bott').append(html);
          }
          if ((std != 'true' && fcolor == false) || (std == 'true' && stdProduct != false && fcolor == false)) {
            colorstd = false;
            colorcount = 0;
            $.each(colors, function(){
              if (colorcount == 0){
                tmphtmlSlide = '<li id="'+id+'"><div class="ser_right_solo"><a href="'+this.pictureZoom+'"><img src="'+this.pictureSlide+'" alt="'+this.color+'" /></a></div></li>';
              }
              if(this.std == 'true'){
                colorstd = true;
                htmlSlide += '<li id="'+id+'"><div class="ser_right_solo"><a href="'+this.pictureZoom+'"><img src="'+this.pictureSlide+'" alt="'+this.color+'" /></a></div></li>';
              }
              colorcount++;
            });
            if(colorstd == false){
              htmlSlide += tmphtmlSlide;
            }
          }else{
            $.each(colors, function(){
              if(fcolor == this.color){
                htmlSlide += '<li id="'+id+'"><div class="ser_right_solo"><a href="'+this.pictureZoom+'"><img src="'+this.pictureSlide+'" alt="'+this.color+'" /></a></div></li>';
              }
            });
          }
          if(firstRun == true){
            $('#ser_slider ul').append(htmlSlide);
          }else{
            $('#ser_slider ul').append(htmlSlide);
          }
          
        });


  $(".smb_colors img").css({cursor:'pointer'});

  $(".smb_colors img").click(function() {
	  callSlider(false,stdProductAct,$(this).attr('alt'));
  });


/* set slider */
        if(slideNew == true){
          $('#ser_right_next img').unbind('click');
          $('#ser_right_prev img').unbind('click');
          $("#ser_slider li[id='"+stdProductAct+"']").hide();
          $("#ser_slider").easySlider({
            prevText:'UP',
            nextText:'DOWN',
            orientation:'vertical',
            showElements:'5',
            hiddenElements:'1',
            contHeight: '430',
            nextButt:'ser_right_next',
            prevButt:'ser_right_prev'
          });
        zoomGallery.init();
        }
      }
    }

    function callGalleryReady(){

      var query = location.search.substring(1);
      var pairs = query.split('&');
      var color, product;
      for(var i = 0; i < pairs.length; i++) {
        var pos = pairs[i].indexOf('=');
        if (pos == -1){
          callSlider(true,false,false);
          return false;
        }else{
          var argname = pairs[i].substring(0,pos);
          var value = pairs[i].substring(pos+1);
          if (argname == 'cid'){
            color = value;
          }
          if (argname == 'pid'){
            product = value;
          }
        }
      }
      if(!color){
        color = false;
        callSlider(false,product,color);
        return false;
      }
      if(!product){
        product = false;
        callSlider(true,product,color);
        return false;
      }
      callSlider(false,product,color);
    }
    $(callGalleryReady);
})(jQuery);



(function($){

    $.callSelection = function (urlGet){
      var urlParam = "";
      $.get(selectionURL+urlGet,
        function(data){
          $('#prod_chooser').remove();
          $('#prod_listing').remove();
          $('#prod_title').after(data);
          $("select").change(function () {
            $("select option:selected").each(function () {
              selBox = $(this).parent().attr('name');
              selBoxVal = selBox+'value';
              selVal = $(this).val();
              urlParam += '&'+selBoxVal+'='+selVal;
            });
            $.callSelection(urlParam);
          });
          $(".prod_choose").select2gfx({
            selectId:'selector'
          });
        }
      );
    };
})(jQuery);

$(document).ready(function(){
  $("#seg_slider").easySlider({
    prevText:'UP',
    nextText:'DOWN',
    orientation:'vertical',
    showElements:'2',
    contHeight: '346',
    nextButt:'ser_right_next',
    prevButt:'ser_right_prev'
  });
});

// product-overview
$(document).ready(function(){
  var urlParam = "";
  if($('#prod_chooser').length == 1){
    $("select").change(function () {
      $("select option:selected").each(function () {
        selBox = $(this).parent().attr('name');
        selBoxVal = selBox+'value';
        selVal = $(this).val();
        urlParam += '&'+selBoxVal+'='+selVal;
      });
      $.callSelection(urlParam);
    });
//    var n = $(".prod_choose").length;
//    $(".prod_choose").select2gfx({
//      selectId:'selector',
//      countSel:n
//    });
  }
});