/*
Shopping cart image switcher for elements line.
http://www.reallybigspiders.com

name (text)

category (ring=r, earring=e, pendant=p, ...)

size (
	large=3,
	small=4
	)

stone (
	black_onyx=2,
	whitemop=1,
	hematite=5,
	malachite=6,
	tigereye=7,
	turquoise=8,
	blackmop=9,
	carnelian=10,
	)

filename: name_category_size_stone.jpg

*/

$(document).ready(
	function(){
			$('.form-select').change(savaneElementsOptionChangeImage);
			savaneElementsOptionChangeImage();
		});

function savaneElementsOptionChangeImage()
{
	var $img = $('div.product_image img:first');
	if(!$img.length){return;}//no image, so don't try to pick one
	var src = $img.attr('src');
	var parts = src.match(/^(.*cart).*\/([^\/_]+)_(\w+)_(\d+)_(\d+)\.jpg/);
	if(!parts){return;}//image file name doesn't match, so don't try to rename
	var path = parts[1];
	var dir = '/productimgs/elements/';
	var name = parts[2];
	var category = parts[3];
	var stonelist = [];
	var sizelist = [];
	var stonedefault = parseInt($('#edit-attributes-1 option').eq(1).val());
	var sizedefault = parseInt($('#edit-attributes-2 option').eq(1).val());
	if(!stonedefault){stonedefault=0;}//pick 0 if stone not set. ???
	if(!sizedefault){sizedefault=3;}//pick large if not set
	var size = parseInt($('#edit-attributes-2').val());
	var stone = parseInt($('#edit-attributes-1').val());
	if(size || stone)
	{
		if(!size){size=sizedefault;}
		if(!stone){stone=stonedefault;}
		$img.attr('src',path+dir+name+'_'+category+'_'+size+'_'+stone+'.jpg');
	}
}