// ******************************************** //
// ** Developed by IpanemaDesign.com ** //
// ********** To: Spiceink.com **************//
// ******************************************* //

j$ = jQuery.noConflict();

// var bigThumbSrc = '/Utilities/ShowThumbnail.aspx?W=338&H=416&R=1&F=True&Img=';
var bigThumbSrc = 'http://citylab.spiceink.com';
//popplets
j$('td.productPopletsItem a').removeAttr('onclick');
j$('td.productPopletsItem a').removeAttr('rel');
var popplets = j$('td.productPopletsItem a').clone();
j$('.poplets table').remove();
j$('.poplets').append(popplets);
j$('.poplets a').wrap('<li></li>');
j$('.poplets li').eq(0).addClass('active');
j$('#pImage #loader').remove();
j$('.poplets a').click(function (e) {
e.preventDefault();
j$('#pImage #loader').remove();
if(j$('#pImage img').attr('src') == j$(this).attr('href'))
{
return false;
}
var imgPath = j$(this).attr('href');
j$('#pImage').attr('href', imgPath);
j$('#pImage img').attr('src', bigThumbSrc+imgPath);
j$('.poplets li').removeClass('active');
j$(this).parent().addClass('active');
var isIE6 = (j$.browser.msie && parseInt(j$.browser.version.substr(0,1)) < 7);
//preloader
var imgPreloader = new Image();
imgPreloader.src = imgPath;
j$('#pImage').append('<span id="loader"></span>');
if(isIE6) {
j$('#pImage #loader').height(j$('#pImage').height());
}
j$('#pImage #loader').fadeTo("fast", 1);
var MyInterval = window.setInterval(function(){
if (imgPreloader.complete === false) {
return;
}
j$('#pImage #loader').fadeOut("fast", function () {
j$('#pImage #loader').remove();
});
clearInterval(MyInterval);
}, 100);
});
//main image
var imageSource = j$('#pImage img').attr('src');
j$('#pImage').attr('href', imageSource);
var newSrc = bigThumbSrc+imageSource
j$('#pImage img').attr('src', newSrc); 

// add href to big image for zoom
var imageSource2 = j$('#pImage a').attr('src');
j$('#pImage').attr('href', imageSource);
var newSrc2 = bigThumbSrc+imageSource
j$('#pImage a').attr('src', newSrc2); 

// inicial src of big imageSource
var bigImageSrc = j$('.poplets li.active a').attr('href');
j$('#pImage img').attr('src', bigThumbSrc+bigImageSrc);
var bigImageSrc2 = j$('.poplets li.active a').attr('href');
j$('#pImage a').attr('src', bigThumbSrc+bigImageSrc2);

// Add onclick event to swap zoom image1
//j$('div.poplets img').attr('onclick', 'relZoomImg()');