var zoomSwatchCaptionActive;
var zoomSwatchCaptionHover;
var swatchClicked = false;
$j(document).ready( function() {
	initZoom();
});

function initZoom() {
	$j('ul.swatches li:first').addClass('active');
	zoomSwatchCaptionActive = $j('ul.swatches li:first>img').attr('title');
	$j('ul.swatches li').hover(swatchHoverOn, swatchHoverOff);
	$j('ul.swatches li').click(swatchHoverClick);
	if($j('ul.swatches li').size() > 0)
		$j('#zoom-swatch-caption').html(zoomSwatchCaptionActive);
	jqZoomIt();	
}

function swatchHoverOn() {
	$j(this).addClass('active');
	zoomSwatchCaptionHover = $j(this).children('img').attr('title');
	$j(this).children('img').attr('title', '');
	if($j('ul.swatches li').size() > 0)
		$j('#zoom-swatch-caption').html(zoomSwatchCaptionHover);
}

function swatchHoverOff() {
	if (zoomSwatchCaptionHover != zoomSwatchCaptionActive) {
		$j(this).removeClass('active');
	}
	$j(this).children('img').attr('title', zoomSwatchCaptionHover);
	zoomSwatchCaptionHover = '';
	if($j('ul.swatches li').size() > 0)
		$j('#zoom-swatch-caption').html(zoomSwatchCaptionActive);
}

function swatchHoverClick() {
	swatchClicked = true;
	$j('ul.swatches li.active').removeClass('active');
	zoomSwatchCaptionActive = zoomSwatchCaptionHover;
	$j(this).addClass('active');
	$j('#skuvalue1').val(zoomSwatchCaptionActive);
	$j('#' + productId + '_thumb').attr('src',
			imagesByCaption[zoomSwatchCaptionActive].thumbImgSrc);
	$j('#' + productId + '_medium').attr('src',
			imagesByCaption[zoomSwatchCaptionActive].mediumImgSrc);
	$j('#' + productId + '_large').attr('href',
			imagesByCaption[zoomSwatchCaptionActive].largeImgSrc);
	$j('#skuvalue1').change();
}

function setActiveSwatch(caption) {
	zoomSwatchCaptionActive = caption;
	$j('#' + productId + '_thumb').attr('src',
			imagesByCaption[zoomSwatchCaptionActive].thumbImgSrc);
	$j('#' + productId + '_medium').attr('src',
			imagesByCaption[zoomSwatchCaptionActive].mediumImgSrc);
	$j('#' + productId + '_large').attr('href',
			imagesByCaption[zoomSwatchCaptionActive].largeImgSrc);
	if($j('ul.swatches li').size() > 0)
		$j('#zoom-swatch-caption').html(zoomSwatchCaptionActive);
	if (!swatchClicked){
		toggleHovers();
	} else {
		swatchClicked = false;
	}
}

function toggleHovers(){
	$j('ul.swatches li').each(function (i) {
		$j(this).mouseover();
		$j(this).mouseout();
	});
};

function jqZoomIt() {
	var options = {
		title :false,
		zoomWidth :375,
		zoomHeight :340,
		xOffset :10,
		yOffset :0,
		position :'right',
		preloadImages :false
	};
	$j('.jqZoom').jqzoom(options);
}