window.addEvent('domready', function() {
	// Setup the slider selector
	var slideFilter = new Slider($('slider_filter'), $('slider_knob'), {
		onChange: function(pos) {
			updateBoxes(pos+1);
		},
		steps: (2)
	}).set(0);

	// Setup the selector click events
	for (var i=1; i<=3; i++) {
		$$('#option_' + i + ' a').getLast().addEvent('click', function() {
			slideFilter.set(arguments[0]-1);
			updateBoxes(arguments[0]);
			return false;
		}.pass(i));
	}
});

// Update the highlighted boxes
function updateBoxes(pos) {
	$('flavors').value = pos;
	for (var i=2; i<=pos; i++) { 
		$('flavor_' + i).setStyle('display', 'block');
		$$('#option_' + i + ' a').getLast().addClass('highlight');
	}
	for (var i=pos+1; i<=3; i++) {
		$('flavor_' + i).setStyle('display', 'none');
		$('flavor_' + i).selectedIndex = 0;
		$$('#option_' + i + ' a').getLast().removeClass('highlight');
	}
}

// Check to see if the user has selected their flavors
// Deprecated by adding to check functions in cart
function checkCart() {
	var valid = true;
	var numflavors = $('flavors').value;
	for (var i = 1; i <= numflavors; i++) {
		if ($('flavor_' + i).selectedIndex == 0) valid = false;
	}
	if (!valid) {
		if (numflavors > 1)
			alert("Please ensure you have selected all " + numflavors + " flavors.");
		else
		alert("Please ensure you have selected a flavor.");
	}
	return valid;
}