// code for swatch tooltip
swatchTooltip = function(n) {
	var indx = 0;
	var selIndx = (n) ? n : 0;
	var arr = new Array();
	$(".variance_selector_btm a").each(function(i){
		arr[i] = $(this).attr("title");
		////$('.variance_select').append('<option value="'+i+'">'+arr[i]+'</option>');
		$('.variance_select').append('<option value="'+arr[i]+'">'+arr[i]+'</option>');
		if (arr[i].indexOf("NEW") != -1) {
			$(this).after('<img src="images/icn_new_texture.gif" width="28" height="11" alt="" />');
		}
	});
	/* init */
	$(".variance_selector_btm a").eq(selIndx).addClass("selected");
	document.getElementsByName('variance_select')[0].selectedIndex = selIndx;
	updateShade($(".variance_select").val(),selIndx);
	
	$(".variance_selector_btm a").hover(function(event){
		indx = $(".variance_selector_btm a").index($(this));
		selIndx = $(".variance_select")[0].selectedIndex;
		tempTitle = $(this).attr("title");
			$(this).attr("title","");	// remove title temporary
			document.getElementsByName('variance_select')[0].selectedIndex = indx;
		},function(event){
			document.getElementsByName('variance_select')[0].selectedIndex = selIndx;
			$(this).attr("title",tempTitle);	// restore title
		});

	$('.variance_selector_btm a').click(function() {
		selIndx = indx;
		document.getElementsByName('variance_select')[0].selectedIndex = selIndx;
		$('.variance_selector_btm a').removeClass("selected");
		$(this).addClass("selected");
		updateShade(tempTitle,selIndx);
	});

    $(".variance_select").change(function () {
		$('.variance_selector_btm a').removeClass("selected");
		selIndx = $(".variance_select")[0].selectedIndex;
		$(".variance_selector_btm a").eq(selIndx).addClass("selected");
		updateShade($(this).val(),selIndx);
	});
}

updateShade = function(selVal,selIndx) {
	var space = / /g;
	var re = /(.+) \((.+)( \/ )(.+)\)/i;
	var shadeParse = re.test(selVal);
	var shadeVal = RegExp.$1;
	var colorVal = RegExp.$2;
	var textureVal = RegExp.$4;
	$('.prod_color').text(shadeVal);
	$('.sel_color').text(colorVal);
	$('.sel_texture').text(textureVal);
	$('.shade_pics img:visible').hide();
	$('.shade_pics img').eq(selIndx).show();
}