// JavaScript Document

function showImage(image) {
	images = document.getElementsByClassName('bigImage', 'mainInner');
	for(i=0; i<images.length; i++) {
		images[i].style.display = 'none';
	}

	image.style.display = '';
}

function updateSizes() {
	var value = $('color').options[$('color').selectedIndex].value;
	sizeSelects = document.getElementsByClassName('sizeSelect', 'mainInner');
	
	for(i=0; i<sizeSelects.length; i++) {
		sizeSelects[i].style.display = 'none';
	}
	
	$('size'+value).style.display='';
		
	$('size').value = $('size'+value).options[$('size'+value).selectedIndex].value;		
}

function updatePastDealSizes(index) {
	var value = $('color'+index).options[$('color'+index).selectedIndex].value;
	sizeSelects = document.getElementsByClassName('sizeSelect'+index, 'mainInner');
	
	for(i=0; i<sizeSelects.length; i++) {
		sizeSelects[i].style.display = 'none';
	}
	
	$('size'+index+value).style.display='';
	//console.debug($('size'+index+value).value);
	//console.debug($('size'+index+value).options[$('size'+index+value).selectedIndex].value);	
		
	$('size'+index).value = $('size'+index+value).options[$('size'+index+value).selectedIndex].value;		
}

function updateSizeInput(element, index) {
	if(index)
		$('size'+index).value = element.options[element.selectedIndex].value;
	else
		$('size').value = element.options[element.selectedIndex].value;
}

function removeCartItem(id) {
	if(id) {
		$('cartItem').value = id;
		$('cartAction').value = 'REMOVE';
		$('cartBtn').click();
	}
}