//**** removeAllOptions
function removeAllOptions(selectbox)
{
var i;
for(i=selectbox.options.length-1;i>=0;i--)
{
selectbox.remove(i);
}
}

//*** addOption

function addOption(selectbox,text,value )
{
var optn = document.createElement("option");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}

//****addOption_list(selectbox)

function addOption_list(selectbox){
addOption(document.drop_list.dsize, "XS","XS");
addOption(document.drop_list.dsize, "S","S");
addOption(document.drop_list.dsize, "M","M");
addOption(document.drop_list.dsize, "L","L");
addOption(document.drop_list.dsize, "XL","XL");
addOption(document.drop_list.dsize, "2XL","2XL");
addOption(document.drop_list.dsize, "3XL","3XL");
addOption(document.drop_list.dsize, "4XL","4XL");
addOption(document.drop_list.dsize, "5XL","5XL");
addOption(document.drop_list.dsize, "6XL","6XL");
addOption(document.drop_list.dsize, "7XL","7XL");
addOption(document.drop_list.dsize, "8XL","8XL");
addOption(document.drop_list.dsize, "9XL","9XL");
addOption(document.drop_list.dsize, "10XL","10XL");
}

//****** SelectSubCat

function SelectColor(){
// ON selection of category this function will work
var dsize=document.drop_list.dsize.value;

removeAllOptions(document.drop_list.dcolor);
addOption(document.drop_list.dcolor, "Color", "color", "Color");

addOption(document.drop_list.dcolor,"Light Stone", "LightStone");
addOption(document.drop_list.dcolor,"Stone", "Stone");
addOption(document.drop_list.dcolor,"White", "White");
addOption(document.drop_list.dcolor,"Light Blue", "LightBlue");
addOption(document.drop_list.dcolor,"Light Pink", "LightPink");
addOption(document.drop_list.dcolor,"Yellow", "Yellow");
addOption(document.drop_list.dcolor,"Hibiscus", "Hibiscus");
addOption(document.drop_list.dcolor,"Texas Orange", "TexasOrange");	
addOption(document.drop_list.dcolor,"Gold", "Gold");
addOption(document.drop_list.dcolor,"Tropical Pink", "TropicalPink");
addOption(document.drop_list.dcolor,"Ultramarine Blue", "UltramarineBlue");
addOption(document.drop_list.dcolor,"Steel Grey", "SteelGrey");
addOption(document.drop_list.dcolor,"Mediterranean Blue", "MediterraneanBlue");
addOption(document.drop_list.dcolor,"Maui Blue", "MauiBlue");
addOption(document.drop_list.dcolor,"Royal", "Royal");
addOption(document.drop_list.dcolor,"Classic Navy", "ClassicNavy");
addOption(document.drop_list.dcolor,"Red", "Red");
addOption(document.drop_list.dcolor,"Athletic Gold", "AthleticGold");
addOption(document.drop_list.dcolor,"Clover Green", "CloverGreen");
addOption(document.drop_list.dcolor,"Court Green", "CourtGreen");
addOption(document.drop_list.dcolor,"Dark Green", "DarkGreen");
addOption(document.drop_list.dcolor,"Burgundy", "Burgundy");
addOption(document.drop_list.dcolor,"Purple", "Purple");
addOption(document.drop_list.dcolor,"Eggplant", "Eggplant");
addOption(document.drop_list.dcolor,"Navy", "Navy");
addOption(document.drop_list.dcolor,"Black", "Black");
addOption(document.drop_list.dcolor,"Coffee Bean", "CoffeeBean");

document.drop_list.size.value = document.drop_list.dsize.value;
}

//****** removeOptions(selectbox)

function removeOptions(selectbox)
{
var i;
for(i=selectbox.options.length-1;i>=0;i--)
{
if(selectbox.options[i].selected)
selectbox.remove(i);
}
}

//*****reload

function setColor(selObj) {

 document.drop_list.color.value = document.drop_list.dcolor.value;	
}

function changeIt(objName)
{
//The image object accessed through its id we mentioned in the DIV block which is going to be visible currently
var obj = document.getElementById(objName);

//An array that hold the IDs of images that we mentioned in their DIV blocks
var objId = new Array();

//Storing the image IDs into the array starts here
objId[0] = "image1";
objId[1] = "image2";
objId[2] = "image3";
objId[3] = "image4";
objId[4] = "image5";
objId[5] = "image6";
objId[6] = "image7";
objId[7] = "image8";
objId[8] = "image9";
objId[9] = "image10";
objId[10] = "image11";
objId[11] = "image12";
objId[12] = "image13";
objId[13] = "image14";
objId[14] = "image15";
objId[15] = "image16";
objId[16] = "image17";
objId[17] = "image18";
objId[18] = "image19";
objId[19] = "image20";
objId[20] = "image21";
objId[21] = "image22";
objId[22] = "image23";
objId[23] = "image24";
objId[24] = "image25";
objId[25] = "image26";
objId[26] = "image27";
objId[27] = "image28";
//Storing the image IDs into the array ends here

//A counter variable going to use for iteration
var i;

//A variable that can hold all the other object references other than the object which is going to be visible
var tempObj;

//The following loop does the display of a single image based on its ID. The image whose ID we passed into this function will be the
//only image that is displayed rest of the images will be hidden based on their IDs and that part has been handled by the else part
//of the if statement within this loop.
for(i=0;i<objId.length;i++)
{
if(objName == objId[i])
{
obj.style.display = "block";
}
else
{
tempObj = document.getElementById(objId[i]);
tempObj.style.display = "none"; 
}
}
return; 
}
//*** Submit form

function addToCart()
{
	document.droplist.submit();
}