Vilpe 0) { selectedConfString += "-" + number + "-" + $(this).val(); //we just add the separator if length > 0 } else { selectedConfString += number + "-" + $(this).val(); } }); $("#allChildItems div").hide(); $("#productAttributeOptions-"+selectedConfString).show(); var imageurl = $("#productAttributeOptions-"+selectedConfString+" input[id=main-image]").attr('imageurl'); $(".main-image a").attr('href', imageurl); $(".main-image a img").attr('src', imageurl); //hide all item images, then display correct one! $(".confslider a").hide(); $('.confslider a[div_id="' + selectedConfString + '"]').show(); var test = document.getElementById('mainimage'+selectedConfString).value; var teste = document.getElementById('addprods'+selectedConfString).value; var tester = document.getElementById('addprods2'+selectedConfString).value; var testi = document.getElementById(selectedConfString).value; $('#child').val(testi); $('#imaage').val(test); $('#addimaage').val(teste); $('#addimaage2').val(tester); }); }); $("a").bind('click', function() { //console.log($(this)); if($(this).attr('id') == "item-images") { //console.log($(this).attr('div_id')); //TODO: Make this work with multiple configurable attribute, just need to change separator and add loop var temp_str = $(this).attr('div_id').split("-"); var attr_id = temp_str[0]; var option_id = temp_str[1]; //update selected option in dropdown $("#attribute"+attr_id).val(option_id); $("#attribute"+attr_id).trigger('change'); //update main image from selected item //console.log($(this).attr('href')); //$(".main-image a").attr('href', $(this).attr('href')); //$(".main-image a img").attr('src', $(this).attr('href')); //hide all item images, then display correct one! //$(".confslider a").hide(); //$('.confslider a[div_id="' + $(this).attr('div_id') + '"]').show(); }; if($(this).attr('id') == "lightbox-slider") { //console.log($(this).children('img').eq(0).attr('fullimg_src')); var img_src = $(this).children('img').eq(0).attr('fullimg_src'); //update main image from selected item //console.log($(this).attr('href')); $(".main-image a").attr('href', img_src); $(".main-image a img").attr('src', img_src); }; }); //we set the default first item $("#product-options-wrapper select").each(function() { if($(this).children('option').length > 1) { //console.log($(this).children('option').eq(1).val()); $(this).val($(this).children('option').eq(1).val()); $(this).trigger('change'); } }); }); })(jQuery); function openLightBoxSlider(id) { //console.log(id); jQuery('a[div_id="' + id + '"]').click(); return false; } ">