// JavaScript Document
function displayPopUp(popUpType)
{
	var div_id = document.getElementById('popUp');
	div_id.style.display = "block";

}
function closePopUp()
{
	var div_id = document.getElementById('popUp');
	div_id.style.display = "none";
}
function setColor(color_id)
{
	
	var colors_arr = document.colors;
	var color_att = document.getElementById('color_att');

	for(i=0; i<colors_arr.length; i++)
	{
		
		var color_div = document.getElementById('color_id_' + colors_arr[i]);		
	
		if(colors_arr[i] != color_id)
		{
			color_div.style.borderColor = '#cecece';
			color_div.style.borderWidth = "1px";
		}
		else
		{	
			color_div.style.borderColor = '#E76658';
			color_div.style.borderWidth = "2px";
		}
			
	}
	color_att.value = color_id;
	updateSizes(color_id);	
	
}
function updateSizes(color_id)
{
	var sizes_div = document.getElementById('size_options');
	var cur_size = document.getElementById("size").options[document.getElementById("size").selectedIndex].value;
	
	var str, option_object;
	
	str = '<select name="size_att" id="size"><option value=""></option>';
	
	var sizes_arr = document.sizes;
	
	for(i=0; i<sizes_arr.length; i++)
	{		
		option_object = sizes_arr[i];
		if(option_object[0] == color_id)
		{
			if(cur_size == option_object[1])
				str += '<option value="' + option_object[1] + '" selected>' + option_object[2] + '</option>';
			else
				str += '<option value="' + option_object[1] + '">' + option_object[2] + '</option>';
		}
	}
			
	//alert(str);
	str += '</select>';
	sizes_div.innerHTML = str;
}
function checkAddToCart()
{	
	var color_att = document.getElementById('color_att').value;
	var cur_size = document.getElementById("size").options[document.getElementById("size").selectedIndex].value;
	
	if(color_att == "" || cur_size == "")
	{		
		alert('Please make a color and size selection');
		return false;
	}
	else
		return true;
}