// JavaScript Document

var xs_xl = '<option value="XS">XS<option value="S">S<option value="M" selected="selected">M<option value="L">L<option value="XL">XL';
var xs_xxl = '<option value="XS">XS<option value="S">S<option value="M" selected="selected">M<option value="L">L<option value="XL">XL<option value="XXL">XXL';
var s_xl = '<option value="S">S<option value="M" selected="selected">M<option value="L">L<option value="XL">XL';
var s_xxl = '<option value="S">S<option value="M" selected="selected">M<option value="L">L<option value="XL">XL<option value="XXL">XXL';


$(document).ready(function(){
	if(document.getElementById('size')) {					   
		switch($('#color').val().substring(0,4)) {
			case '1112': white = xs_xxl; black = s_xl; break;
			case '1111': white = s_xl; black = s_xxl; break;
			case '1001': white = xs_xl; black = s_xl; break;
		}
		
		$('#color').change(function () {
			change_options();
		});
	
		function change_options () {
			if ($('#color').val().match(/black/)) { 
				$('#size').html(black);
			} else { 
				$('#size').html(white);
			}
		}
		change_options();
	}
	$('a.alt').click(function(e) {
		e.preventDefault();		
	});
	
});