function showDHTML(color, num){
	document.getElementById('qty_0').value = 1;
  document.getElementById('qty_0').disabled = false;
	var bcgolor = '#fff';
	var fntcolor = '#484848';
	if (color == 'gray'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayGrayPics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayGrayNames[num];
			document.getElementById('pr_dims').innerHTML = arrayGrayDims[num];
			document.getElementById('pr_price').innerHTML = arrayGrayPrices[num];
			document.getElementById('ratio').innerHTML = arrayGrayRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayGrayRatioUnits[num];
			//document.getElementById('pr_link').href = arrayGrayLinks[num];
			document.getElementById('normal_image').src = arrayGrayPicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayGrayQtyLeft[num];
			document.getElementById('pid_0').value = arrayGrayIds[num];			
		}
	}else if (color == 'black'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayBlackPics.length;			
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayBlackNames[num];
			document.getElementById('pr_dims').innerHTML = arrayBlackDims[num];
			document.getElementById('pr_price').innerHTML = arrayBlackPrices[num];
			document.getElementById('ratio').innerHTML = arrayBlackRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayBlackRatioUnits[num];
			//document.getElementById('pr_link').href = arrayBlackLinks[num];
			document.getElementById('normal_image').src = arrayBlackPicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayBlackQtyLeft[num];
			document.getElementById('pid_0').value = arrayBlackIds[num];
		}
	} else if (color == 'brown'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayBrownPics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayBrownNames[num];
			document.getElementById('pr_dims').innerHTML = arrayBrownDims[num];
			document.getElementById('pr_price').innerHTML = arrayBrownPrices[num];
			document.getElementById('ratio').innerHTML = arrayBrownRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayBrownRatioUnits[num];
			//document.getElementById('pr_link').href = arrayBrownLinks[num];
			document.getElementById('normal_image').src = arrayBrownPicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayBrownQtyLeft[num];
			document.getElementById('pid_0').value = arrayBrownIds[num];
		}
	} else if (color == 'orange'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayOrangePics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayOrangeNames[num];
			document.getElementById('pr_dims').innerHTML = arrayOrangeDims[num];
			document.getElementById('pr_price').innerHTML = arrayOrangePrices[num];
			document.getElementById('ratio').innerHTML = arrayOrangeRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayOrangeRatioUnits[num];
			//document.getElementById('pr_link').href = arrayOrangeLinks[num];
			document.getElementById('normal_image').src = arrayOrangePicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayOrangeQtyLeft[num];
			document.getElementById('pid_0').value = arrayOrangeIds[num];
		}
	} else if (color == 'red'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayRedPics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayRedNames[num];
			document.getElementById('pr_dims').innerHTML = arrayRedDims[num];
			document.getElementById('pr_price').innerHTML = arrayRedPrices[num];
			document.getElementById('ratio').innerHTML = arrayRedRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayRedRatioUnits[num];
			//document.getElementById('pr_link').href = arrayRedLinks[num];
			document.getElementById('normal_image').src = arrayRedPicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayRedQtyLeft[num];
			document.getElementById('pid_0').value = arrayRedIds[num];
		}
	} else if (color == 'pink'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayPinkPics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayPinkNames[num];
			document.getElementById('pr_dims').innerHTML = arrayPinkDims[num];
			document.getElementById('pr_price').innerHTML = arrayPinkPrices[num];
			document.getElementById('ratio').innerHTML = arrayPinkRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayPinkRatioUnits[num];
			//document.getElementById('pr_link').href = arrayPinkLinks[num];
			document.getElementById('normal_image').src = arrayPinkPicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayPinkQtyLeft[num];
			document.getElementById('pid_0').value = arrayPinkIds[num];
		}
	} else if (color == 'purple'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayPurplePics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayPurpleNames[num];
			document.getElementById('pr_dims').innerHTML = arrayPurpleDims[num];
			document.getElementById('pr_price').innerHTML = arrayPurplePrices[num];
			document.getElementById('ratio').innerHTML = arrayPurpleRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayPurpleRatioUnits[num];
			//document.getElementById('pr_link').href = arrayPurpleLinks[num];
			document.getElementById('normal_image').src = arrayPurplePicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayPurpleQtyLeft[num];
			document.getElementById('pid_0').value = arrayPurpleIds[num];
		}
	} else if (color == 'blue'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayBluePics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayBlueNames[num];
			document.getElementById('pr_dims').innerHTML = arrayBlueDims[num];
			document.getElementById('pr_price').innerHTML = arrayBluePrices[num];
			document.getElementById('ratio').innerHTML = arrayBlueRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayBlueRatioUnits[num];
			//document.getElementById('pr_link').href = arrayBlueLinks[num];
			document.getElementById('normal_image').src = arrayBluePicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayBlueQtyLeft[num];
			document.getElementById('pid_0').value = arrayBlueIds[num];
		}
	} else if (color == 'turquoise'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayTurquoisePics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayTurquoiseNames[num];
			document.getElementById('pr_dims').innerHTML = arrayTurquoiseDims[num];
			document.getElementById('pr_price').innerHTML = arrayTurquoisePrices[num];
			document.getElementById('ratio').innerHTML = arrayTurquoiseRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayTurquoiseRatioUnits[num];
			//document.getElementById('pr_link').href = arrayTurquoiseLinks[num];
			document.getElementById('normal_image').src = arrayTurquoisePicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayTurquoiseQtyLeft[num];
			document.getElementById('pid_0').value = arrayTurquoiseIds[num];
		}
	} else if (color == 'green'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayGreenPics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayGreenNames[num];
			document.getElementById('pr_dims').innerHTML = arrayGreenDims[num];
			document.getElementById('pr_price').innerHTML = arrayGreenPrices[num];
			document.getElementById('ratio').innerHTML = arrayGreenRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayGreenRatioUnits[num];
			//document.getElementById('pr_link').href = arrayGreenLinks[num];
			document.getElementById('normal_image').src = arrayGreenPicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayGreenQtyLeft[num];
			document.getElementById('pid_0').value = arrayGreenIds[num];
		}
	} else if (color == 'yellow'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayYellowPics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayYellowNames[num];
			document.getElementById('pr_dims').innerHTML = arrayYellowDims[num];
			document.getElementById('pr_price').innerHTML = arrayYellowPrices[num];
			document.getElementById('ratio').innerHTML = arrayYellowRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayYellowRatioUnits[num];
			//document.getElementById('pr_link').href = arrayYellowLinks[num];
			document.getElementById('normal_image').src = arrayYellowPicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayYellowQtyLeft[num];
			document.getElementById('pid_0').value = arrayYellowIds[num];
		}
	}else if (color == 'white'){
		bcgolor = '#434343';
		fntcolor = '#fff';
		numOfThumbsToLoad = arrayWhitePics.length;	
		if (numOfThumbsToLoad > num){
			document.getElementById('normal_image').src = '/images/dhtmldiv-omo.png';
			document.getElementById('pr_name').innerHTML = arrayWhiteNames[num];
			document.getElementById('pr_dims').innerHTML = arrayWhiteDims[num];
			document.getElementById('pr_price').innerHTML = arrayWhitePrices[num];
			document.getElementById('ratio').innerHTML = arrayWhiteRatio[num];
			document.getElementById('ratio_units').innerHTML = arrayWhiteRatioUnits[num];
			//document.getElementById('pr_link').href = arrayWhiteLinks[num];
			document.getElementById('normal_image').src = arrayWhitePicsNormal[num];
			document.getElementById('qtyleft_0').value = arrayWhiteQtyLeft[num];
			document.getElementById('pid_0').value = arrayWhiteIds[num];
		}
	}
	if (numOfThumbsToLoad > num){
	document.getElementById('prdhtml_text').innerHTML = document.getElementById('text_'+num).innerHTML;
	document.getElementById('pr_name').style.color = fntcolor;
	document.getElementById('price_line').style.color = fntcolor;
	//document.getElementById('qtty').style.color = fntcolor;
	//document.getElementById('pr_link').style.color = fntcolor;
	
	arrayPageSize = getPageSize();
	marginThisLeft = (arrayPageSize[0] - 500) / 2;
	document.getElementById('dhtmltooltip2').style.marginLeft = marginThisLeft;	
	document.getElementById('dhtmltooltip2').style.background = bcgolor;
	document.getElementById('dhtmltooltip2').style.visibility='visible';
	document.getElementById('overlay').style.background = bcgolor;
	document.getElementById('overlay').style.visibility='visible';
	document.getElementById('overlay').style.width = arrayPageSize[0] +"px";
	document.getElementById('overlay').style.height = arrayPageSize[1] +"px";
	opacity('overlay', 0, 50, 1000);	
	}
}

function hideDHTML_BBC()	{
	document.getElementById('dhtmltooltip2').style.visibility='hidden';
	document.getElementById('overlay').style.width = 0 +"px";
	document.getElementById('overlay').style.height = 0 +"px";	
	document.getElementById('overlay').style.visibility='hidden';	
}

function capWords(word) {
var tmpStr, tmpChar, postString, strlen;
tmpStr = word;
stringLen = tmpStr.length;
  for (i = 0; i < stringLen; i++){
    if (i == 0)	{
      tmpChar = tmpStr.substring(0,1).toUpperCase();
      postString = tmpStr.substring(1,stringLen);
      tmpStr = tmpChar + postString;
    }
  }
  return tmpStr;
}


function omo_thumb(color){
	switch (color){
	case "black": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayBlackPics[0];
	document.getElementById('black_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "gray": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayGrayPics[0];
	document.getElementById('gray_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';	
	break;
	case "brown": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayBrownPics[0];
	document.getElementById('brown_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';	
	break;
	case "orange": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayOrangePics[0];
	document.getElementById('orange_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "red": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayRedPics[0];
	document.getElementById('red_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "pink": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayPinkPics[0];
	document.getElementById('pink_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "purple": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayPurplePics[0];
	document.getElementById('purple_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "blue": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayBluePics[0];
	document.getElementById('blue_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "turquoise": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayTurquoisePics[0];
	document.getElementById('turquoise_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "green": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayGreenPics[0];
	document.getElementById('green_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "yellow": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayYellowPics[0];
	document.getElementById('yellow_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';
	break;
	case "white": 
	opacity(color+'_filler', 0, 100, 500);
	var pic_src = arrayWhitePics[0];
	document.getElementById('white_filler').innerHTML = '<img src="'+ pic_src +'" style="width: 71px; height: 64px;"><br/>';	
	break;
	}
}

function omo_thumb_out(color){
	document.getElementById(color +'_filler').innerHTML = '&nbsp;';
	opacity(color +'_filler', 0, 100, 500);	
}

function load_filler(color, num, loadbead){		
	showdhtml_num = loadbead + num;
	var thisColorTotalBeads = document.getElementById('totalbeads_'+color).value;	
	document.getElementById('link_thumb'+num).href='javascript: showDHTML("'+color+'", '+showdhtml_num+')';
	if ((loadbead + num) < thisColorTotalBeads){
	switch (color){
	case "black": 
	var numOfThumbsToLoad = arrayBlackPics.length;	
	if (num == 0){
	  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';  	
	  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayBlackPics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "gray": 
	var numOfThumbsToLoad = arrayGrayPics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayGrayPics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "brown": 
	var numOfThumbsToLoad = arrayBrownPics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayBrownPics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "orange": 
	var numOfThumbsToLoad = arrayOrangePics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayOrangePics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "red": 
	var numOfThumbsToLoad = arrayRedPics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayRedPics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "pink": 
	var numOfThumbsToLoad = arrayPinkPics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayPinkPics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "purple": 
	var numOfThumbsToLoad = arrayPurplePics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayPurplePics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "blue": 
	var numOfThumbsToLoad = arrayBluePics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayBluePics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "turquoise": 
	var numOfThumbsToLoad = arrayTurquoisePics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayTurquoisePics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "green": 
	var numOfThumbsToLoad = arrayGreenPics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayGreenPics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "yellow": 
	var numOfThumbsToLoad = arrayYellowPics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayYellowPics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	case "white": 
	var numOfThumbsToLoad = arrayWhitePics.length;
	if (num == 0){
  	document.getElementById('black_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+0] +'" style="width: 71px; height: 64px;"><br/>';
  	opacity('black_filler', 0, 100, 500);	
	}else if (num == 1 && numOfThumbsToLoad > 1){
		document.getElementById('gray_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+1] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('gray_filler', 0, 100, 500);	
	}else if (num == 2 && numOfThumbsToLoad > 2){
		document.getElementById('brown_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+2] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('brown_filler', 0, 100, 500);	
	}else if (num == 3 && numOfThumbsToLoad > 3){
		document.getElementById('orange_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+3] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('orange_filler', 0, 100, 500);	
	}else if (num == 4 && numOfThumbsToLoad > 4){
		document.getElementById('red_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+4] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('red_filler', 0, 100, 500);	
	}else if (num == 5 && numOfThumbsToLoad > 5){
		document.getElementById('pink_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+5] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('pink_filler', 0, 100, 500);	
	}else if (num == 6 && numOfThumbsToLoad > 6){
		document.getElementById('purple_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+6] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('purple_filler', 0, 100, 500);	
	}else if (num == 7 && numOfThumbsToLoad > 7){
		document.getElementById('blue_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+7] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('blue_filler', 0, 100, 500);	
	}else if (num == 8 && numOfThumbsToLoad > 8){
		document.getElementById('turquoise_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+8] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('turquoise_filler', 0, 100, 500);	
	}else if (num == 9 && numOfThumbsToLoad > 9){
		document.getElementById('green_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+9] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('green_filler', 0, 100, 500);	
	}else if (num == 10 && numOfThumbsToLoad > 10){
		document.getElementById('yellow_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+10] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('yellow_filler', 0, 100, 500);	
	}else if (num == 11 && numOfThumbsToLoad > 11){
		document.getElementById('white_filler').innerHTML = '<img src="'+ arrayWhitePics[loadbead+11] +'" style="width: 71px; height: 64px;"><br/>';
		opacity('white_filler', 0, 100, 500);	
	}
	break;
	}	
 }
}

function load_thumbs(batchnum, color){
	var bcgolor = color;
	if (color == 'gray'){
		bcgolor = '#9a9a9a';
	} else if (color == 'brown'){
		bcgolor = '#5d3434';
	} else if (color == 'orange'){
		bcgolor = '#fba101';
	} else if (color == 'red'){
		bcgolor = '#c62517';
	} else if (color == 'pink'){
		bcgolor = '#ff2fdf';
	} else if (color == 'purple'){
		bcgolor = '#8502d0';
	} else if (color == 'blue'){
		bcgolor = '#1102d0';
	} else if (color == 'turquoise'){
		bcgolor = '#02d071';
	} else if (color == 'green'){
		bcgolor = '#1ad002';
	} else if (color == 'yellow'){
		bcgolor = '#fbe601';
	}
	
	document.getElementById('black_filler').innerHTML = '&nbsp;';
	document.getElementById('gray_filler').innerHTML = '&nbsp;';
	document.getElementById('brown_filler').innerHTML = '&nbsp;';
	document.getElementById('orange_filler').innerHTML = '&nbsp;';
	document.getElementById('red_filler').innerHTML = '&nbsp;';
	document.getElementById('pink_filler').innerHTML = '&nbsp;';
	document.getElementById('purple_filler').innerHTML = '&nbsp;';
	document.getElementById('blue_filler').innerHTML = '&nbsp;';
	document.getElementById('turquoise_filler').innerHTML = '&nbsp;';
	document.getElementById('green_filler').innerHTML = '&nbsp;';
	document.getElementById('yellow_filler').innerHTML = '&nbsp;';
	document.getElementById('white_filler').innerHTML = '&nbsp;';
	
	document.getElementById('black_filler').style.background = bcgolor;
	document.getElementById('gray_filler').style.background = bcgolor;
	document.getElementById('brown_filler').style.background = bcgolor;
	document.getElementById('orange_filler').style.background = bcgolor;
	document.getElementById('red_filler').style.background = bcgolor;
	document.getElementById('pink_filler').style.background = bcgolor;
	document.getElementById('purple_filler').style.background = bcgolor;
	document.getElementById('blue_filler').style.background = bcgolor;
	document.getElementById('turquoise_filler').style.background = bcgolor;
	document.getElementById('green_filler').style.background = bcgolor;
	document.getElementById('yellow_filler').style.background = bcgolor;
	document.getElementById('white_filler').style.background = bcgolor;
	
	var thisColorTotalBeads = document.getElementById('totalbeads_'+color).value;
	var numOfBatches = 0;
		if (thisColorTotalBeads <= 12)	{
				numOfBatches = 0;
			}
			else if (thisColorTotalBeads > 12 && thisColorTotalBeads <= 24)	{
				numOfBatches = 1;
			}
			else if (thisColorTotalBeads > 24 && thisColorTotalBeads <= 36) {
				numOfBatches = 2;
			}
			else if (thisColorTotalBeads > 36 && thisColorTotalBeads <= 48) {
				numOfBatches = 3;
			}
			else if (thisColorTotalBeads > 48 && thisColorTotalBeads <= 60) {
				numOfBatches = 4;
			}
			else if (thisColorTotalBeads > 60 && thisColorTotalBeads <= 72) {
				numOfBatches = 5;
			}
			else if (thisColorTotalBeads > 72 && thisColorTotalBeads <= 84) {
				numOfBatches = 6;
			}
			else if (thisColorTotalBeads > 84 && thisColorTotalBeads <= 96) {
				numOfBatches = 7;
			}
			else if (thisColorTotalBeads > 96 && thisColorTotalBeads <= 108) {
				numOfBatches = 8;
			}
			else if (thisColorTotalBeads > 108 && thisColorTotalBeads <= 120) {
				numOfBatches = 9;
			}
			
	for (var i=0; i <= 11; i++){
		beadToLoad = batchnum + batchnum*11;
		setTimeout("load_filler('"+color+"', "+i+", "+beadToLoad+")", 100 + i*100);
	}
	
	document.getElementById('heading').innerHTML = capWords(color)+' Beads';
	document.getElementById('heading').style.marginTop = 10+'px';
	document.getElementById('heading').style.fontSize = 32+'px';
	if (color == 'white'){
		document.getElementById('heading').style.color = '#484848';
	}else {
		document.getElementById('heading').style.color = bcgolor;
	}
	
	if (numOfBatches > 0){
		document.getElementById('heading_page').innerHTML = 'Page '+(batchnum+1)+' of '+(numOfBatches+1);	
		if (color == 'white'){
			document.getElementById('heading_page').style.color = '#484848';
		}else {
			document.getElementById('heading_page').style.color = bcgolor;
		}
	}else {
		document.getElementById('heading_page').innerHTML = '';
	}
	
	document.getElementById('black_filler_omo').style.display = 'none';
	document.getElementById('gray_filler_omo').style.display = 'none';
	document.getElementById('brown_filler_omo').style.display = 'none';
	document.getElementById('orange_filler_omo').style.display = 'none';
	document.getElementById('red_filler_omo').style.display = 'none';
	document.getElementById('pink_filler_omo').style.display = 'none';
	document.getElementById('purple_filler_omo').style.display = 'none';
	document.getElementById('blue_filler_omo').style.display = 'none';
	document.getElementById('turquoise_filler_omo').style.display = 'none';
	document.getElementById('green_filler_omo').style.display = 'none';
	document.getElementById('yellow_filler_omo').style.display = 'none';
	document.getElementById('white_filler_omo').style.display = 'none';
	
	document.getElementById('black_link').style.visibility = 'hidden';
	document.getElementById('gray_link').style.visibility = 'hidden';
	document.getElementById('brown_link').style.visibility = 'hidden';
	document.getElementById('orange_link').style.visibility = 'hidden';
	document.getElementById('red_link').style.visibility = 'hidden';
	document.getElementById('pink_link').style.visibility = 'hidden';
	document.getElementById('purple_link').style.visibility = 'hidden';
	document.getElementById('blue_link').style.visibility = 'hidden';
	document.getElementById('turquoise_link').style.visibility = 'hidden';
	document.getElementById('green_link').style.visibility = 'hidden';
	document.getElementById('yellow_link').style.visibility = 'hidden';
	document.getElementById('white_link').style.visibility = 'hidden';
	
	document.getElementById('middle_mini').style.visibility = 'visible';
	
	
	
	if (numOfBatches > 0){
		if (batchnum < numOfBatches){
			nextbatch = batchnum + 1;
			document.getElementById('more_link').href = "javascript: load_thumbs("+nextbatch+", '"+color+"');";
			document.getElementById('more_filler').style.background = bcgolor;
			document.getElementById('more').style.visibility = 'visible';
		}else {
			document.getElementById('more').style.visibility = 'hidden';
		}
		if ((batchnum-1) >= 0){
			backbatch = batchnum - 1;
			document.getElementById('back_link').href = "javascript: load_thumbs("+backbatch+", '"+color+"');";
			document.getElementById('back_filler').style.background = bcgolor;
			document.getElementById('back').style.visibility = 'visible';
		}else {
			document.getElementById('back').style.visibility = 'hidden';
		}
	}else {
		document.getElementById('back').style.visibility = 'hidden';
		document.getElementById('more').style.visibility = 'hidden';
	}
	
}
function load_thumbs_default(){
	document.getElementById('heading').innerHTML = 'Browse Beads by Color';
	document.getElementById('heading').style.marginTop = 0+'px';
	document.getElementById('heading').style.fontSize = 28+'px';
	document.getElementById('heading').style.color = '#484848';
	
	document.getElementById('heading_page').innerHTML = '';
	document.getElementById('heading_page').style.color = '#484848';
	
	document.getElementById('black_filler').innerHTML = '&nbsp;';
	document.getElementById('gray_filler').innerHTML = '&nbsp;';
	document.getElementById('brown_filler').innerHTML = '&nbsp;';
	document.getElementById('orange_filler').innerHTML = '&nbsp;';
	document.getElementById('red_filler').innerHTML = '&nbsp;';
	document.getElementById('pink_filler').innerHTML = '&nbsp;';
	document.getElementById('purple_filler').innerHTML = '&nbsp;';
	document.getElementById('blue_filler').innerHTML = '&nbsp;';
	document.getElementById('turquoise_filler').innerHTML = '&nbsp;';
	document.getElementById('green_filler').innerHTML = '&nbsp;';
	document.getElementById('yellow_filler').innerHTML = '&nbsp;';
	document.getElementById('white_filler').innerHTML = '&nbsp;';
	
	document.getElementById('black_filler').style.background = '#000';
	document.getElementById('gray_filler').style.background = '#9a9a9a';
	document.getElementById('brown_filler').style.background = '#5d3434';
	document.getElementById('orange_filler').style.background = '#fba101';
	document.getElementById('red_filler').style.background = '#c62517';
	document.getElementById('pink_filler').style.background = '#ff2fdf';
	document.getElementById('purple_filler').style.background = '#8502d0';
	document.getElementById('blue_filler').style.background = '#1102d0';
	document.getElementById('turquoise_filler').style.background = '#02d071';
	document.getElementById('green_filler').style.background = '#1ad002';
	document.getElementById('yellow_filler').style.background = '#fbe601';
	document.getElementById('white_filler').style.background = '#fff';
	
	document.getElementById('black_filler_omo').style.display = 'block';
	document.getElementById('gray_filler_omo').style.display = 'block';
	document.getElementById('brown_filler_omo').style.display = 'block';
	document.getElementById('orange_filler_omo').style.display = 'block';
	document.getElementById('red_filler_omo').style.display = 'block';
	document.getElementById('pink_filler_omo').style.display = 'block';
	document.getElementById('purple_filler_omo').style.display = 'block';
	document.getElementById('blue_filler_omo').style.display = 'block';
	document.getElementById('turquoise_filler_omo').style.display = 'block';
	document.getElementById('green_filler_omo').style.display = 'block';
	document.getElementById('yellow_filler_omo').style.display = 'block';
	document.getElementById('white_filler_omo').style.display = 'block';
	
	document.getElementById('black_link').style.visibility = 'visible';
	document.getElementById('gray_link').style.visibility = 'visible';
	document.getElementById('brown_link').style.visibility = 'visible';
	document.getElementById('orange_link').style.visibility = 'visible';
	document.getElementById('red_link').style.visibility = 'visible';
	document.getElementById('pink_link').style.visibility = 'visible';
	document.getElementById('purple_link').style.visibility = 'visible';
	document.getElementById('blue_link').style.visibility = 'visible';
	document.getElementById('turquoise_link').style.visibility = 'visible';
	document.getElementById('green_link').style.visibility = 'visible';
	document.getElementById('yellow_link').style.visibility = 'visible';
	document.getElementById('white_link').style.visibility = 'visible';
	
	document.getElementById('middle_mini').style.visibility = 'hidden';
	document.getElementById('back').style.visibility = 'hidden';
		document.getElementById('more').style.visibility = 'hidden';
}



function omo_thumb_mini(color){
	opacity(color+'_filler_mini', 0, 100, 500);	
}

function omo_thumb_out_mini(color){
	opacity(color +'_filler_mini', 0, 100, 500);	
}


function setCookie(name, value) {
	var expired = 90;
	var now = new Date();
	now.setTime(now.getTime() + expired * 24 * 60 * 60 * 1000);
	
 	var curCookie = name + "=" + escape(value) +	"; expires=" + now.toGMTString() + "; path=/";
  document.cookie = curCookie;
}
