$(function() {
	$(':input[name$="finopt:0"]').change(loadSizes).change();
	$(':input[name$="finopt:1"]').change(function() {
		if (($(this).attr('selectedIndex')>0)&&($(this).parents('form').find(':input[name$="finopt:0"]').attr('selectedIndex')>0)) {
			$(this).parents('form').find(':input[src$="adcart.gif"]').show();
			$(this).parents('form').find('img[src$="adcart-off.gif"]').hide();
		} else {
			$(this).parents('form').find(':input[src$="adcart.gif"]').hide();
			$(this).parents('form').find('img[src$="adcart-off.gif"]').show();
		}

	});
	$('img[src$="adcart-off.gif"]').click(function() {
		//$(this).hide().after('Please select a size and color');
		alert('Please select a size and color');
	});
});

// 0|0|1,1|0|1,2|0|1,0|1|1,1|1|1,2|1|1,0|2|0,1|2|1,2|2|1,0|3|1,1|3|1,2|3|1
function loadSizes() {

	var $sizeList=$(this);
	var $colorList=$sizeList.parents('div.orderoptions').find(':input[name$="finopt:1"]');
	var field5=$sizeList.parents('div.orderoptions').find('span.field5').html();
	var sizeIndex=$sizeList.attr('selectedIndex');
	var colorIndex=$colorList.attr('selectedIndex');

	//reset lists and add button
	$('div.noneAvailable').remove();
	$colorList.show();
	$colorList.find('option').attr('disabled','').show();
		$sizeList.parents('form').find(':input[src$="adcart.gif"]').show();
		$sizeList.parents('form').find('img[src$="adcart-off.gif"]').hide();

	//skip if top selection
	if ((!sizeIndex)||(!colorIndex)) {
		$sizeList.parents('form').find(':input[src$="adcart.gif"]').hide();
		$sizeList.parents('form').find('img[src$="adcart-off.gif"]').show();
	}

	if (!sizeIndex) {
		$colorList.children('option').attr('disabled','').show();;
		$colorList.attr('selectedIndex',0);
		return;
	}

	//parse triplets
	var triplets=field5.split(",");
	var hasSomeColors=0;
	var tripletsHash=new Array();
	for (i=0;i<triplets.length;i++) {
		var data=triplets[i].split("|");
		for (j=0;j<=2;j++) {data[j]=parseInt(data[j])};
		data[0]++;
		data[1]++;
		tripletsHash[data[0]+"-"+data[1]]=data[2];
	}

	var size=sizeIndex;
	for (c=1;c<=$colorList.children('option').length-1;c++) {
		var color=c;
		var key=size+"-"+color;
		if ((tripletsHash[size+"-"+color]!=undefined)&&(tripletsHash[size+"-"+color])) {
		// show option
			hasSomeColors=1;
			$colorList.children('option:eq('+color+')').attr('disabled','').show();;
		} else {
			// hide option
			if ((color>0)&&($colorList.children('option:eq('+color+')').attr('selected'))) {
				$colorList.attr('selectedIndex',0);
				$sizeList.parents('form').find(':input[src$="adcart.gif"]').hide();
				$sizeList.parents('form').find('img[src$="adcart-off.gif"]').show();
				$colorList.children('option:eq('+color+')').attr('disabled','disabled').hide();
				return;
			}
			$colorList.children('option:eq('+color+')').attr('disabled','disabled').hide();
		}
	}		
	if (!hasSomeColors) {
		if (sizeIndex>0) {
			$colorList.hide();
			$colorList.after('<div class="noneAvailable">None Available in Selected Size</div>');
		}
		$sizeList.parents('form').find(':input[src$="adcart.gif"]').hide();
		$sizeList.parents('form').find('img[src$="adcart-off.gif"]').show();
	} 


	var colorIndex=$colorList.attr('selectedIndex');

}