//var fadeLvl= 0;
//var intFI = false;
var iai=10;//first pic (imgArray index)to display
var imgArray = new Array('blank01','blank02','blank03','blank04','blank05','green01','raw01','raw02','raw03','raw04','red01','red02','red03','red04','red05','wit01','wit02','wit03','wit04','wit05');
var colorArray = new Array();
for (copyArrayElement=0; copyArrayElement< imgArray.length;copyArrayElement++)
{
	colorArray[copyArrayElement] =  imgArray[copyArrayElement];
}
var test = 0;
var imgDir = './images/samples';

function selectColor(color)
{	
	j=0;
	for (i=0; i< imgArray.length; i++)
	{
		if (imgArray[i].indexOf(color)!=-1)
		{
			colorArray[j] = imgArray[i];
			j++;		
		}
		colorArray.length= j;
	}
	document.images['ic'].src=imgDir+'/'+ colorArray[0]+'.jpg';
	iai=0;
	preLoadImage();
}



function slideShow(dir)
{		
	layer = document.getElementById('img_container');
		//setOpacity(layer, 0);
		swapImage(dir);
		//if (intFI)
		//{
		//	clearInterval(intFI);
		//	intFI = false;
		//	fadeLvl=0;
		//}
		//if (!intFI) 
		//	intFI = setInterval("fadeIn(layer)",17);
}

function fadeIn(obj)
{
	fadeLvl+=5;
	setOpacity(obj, fadeLvl);
	if (fadeLvl >= 99.999)
	{
		fadeLvl=0;
		clearInterval(intFI);
		intFI=false;
	}
}

function swapImage(dir)
{		
iai += dir;
if(iai<0)iai=colorArray.length-1;
if(iai>(colorArray.length -1))iai=0;
document.images['ic'].src=imgDir+'/'+ colorArray[iai]+'.jpg';
preLoadImage();
}

function preLoadImage(){
	j=iai+1;k=iai-1;
	if(j>(colorArray.length -1))j=0;
	l=j+1;
	if(l>(colorArray.length -1))l=0;
	if(k<0)k=colorArray.length-1;
	m=k-1;
	if(m<0)m=colorArray.length -1;
	new Image().src=imgDir+'/'+colorArray[j]+'.jpg';
	new Image().src=imgDir+'/'+colorArray[k]+'.jpg';
	new Image().src=imgDir+'/'+colorArray[l]+'.jpg';
	new Image().src=imgDir+'/'+colorArray[m]+'.jpg';
}

function setOpacity(obj, opacity) { 
	opacity = (opacity == 100)?99.999:opacity;
	obj.style.filter = "alpha(opacity:"+opacity+")";
	obj.style.KHTMLOpacity = opacity/100;
	obj.style.MozOpacity = opacity/100;
	obj.style.opacity = opacity/100;
}

preLoadImage();
