var mySlide;

function InitSlider() {
	var DragInstances = new Array();
	var i = 0;
	
	$$('.slideshow-images img').each(function(element) {
		DragInstances[i] = new Drag(element, {
			limit: {
				x: [0,0],
				y: [0,0]
			}
		});
		i++;
	});

	mySlide = new Slider($('slider'), $('knob'), {
		range: [0, 700],
		steps: 150,
		onChange: function(step){
			var i = 0;
			$$('.slideshow-images img').each(function(element) {
				element.setStyle('height',406 + step);
				element.setStyle('width',406 + step);
				
				element.setStyle('left',-1 * (step / 2));
				element.setStyle('top',-1 * (step / 2));
				
				DragInstances[i].options.limit.x = [-1 * (step),0];
				DragInstances[i].options.limit.y = [-1 * (step),0];
				
				i++;
			});
		},
		onComplete: function(step) {
		}
	}).set(0);

	$('button-smaller').addEvent('click', function() {
		if (mySlide.step > 150) {
			mySlide.set(mySlide.step - 150);
		}
		else {
			mySlide.set(0);
		}
	});
	$('button-larger').addEvent('click', function() {
		if (mySlide.step < 550) {
			mySlide.set(mySlide.step + 150);
		}
		else {
			mySlide.set(700);
		}
	});
}

function SizePulldown(line_item_id) {
	$('size_selector').innerHTML = '<option value="">Select Size...</option>';
	$('size_selector').disabled = false;
	
	sizes[line_item_id].each( function(size) {
		for (var i in size) {
			var disabled = size[i] ? false : true;
			var message = size[i] ? '' : ' (out of stock)';
			var option = new Element('option', {'value': i, 'html': i + message, 'disabled': disabled });
			$('size_selector').adopt(option);
		}
	});
}