function flashClick(){
	document.getElementById('flashView').style.display='block';
	document.getElementById('swatchContainer').style.display='none';
	document.getElementById('imgView').style.display='none';
}

function viewClick(oImg,viewId){

	document.getElementById('flashView').style.display='none';
	document.getElementById('swatchContainer').style.display='block';
	document.getElementById('imgView').style.display='block';
	
//Load the default large photo
for(swatchId in acImages[viewId]){
	document.enlarged.src=acImages[viewId][swatchId];
	document.enlarged.title=oImg.title;
	document.enlarged.alt=oImg.alt;
	document.getElementById('caption').innerHTML=oImg.title;
	break;
}

var i=0;

//for every swatch this view has
for(swatchId in acSwatches[viewId]){

	oSwatch=document.getElementById('swatch' + i);
	oSwatch.src=acSwatches[viewId][swatchId];
	oSwatch.title=acSwatchName[viewId][swatchId];
	eval('oSwatch.onclick=function(){swatchClick(' +  viewId + ',' + swatchId + ');}');
	oSwatch.style.display='inline';
	i++;
	
}

if(i>1){
	document.getElementById('swatchContainer').style.display='block';
}else{
	document.getElementById('swatchContainer').style.display='none';
}

for(;i<nTotalSwatches;i++){
	oSwatch=document.getElementById('swatch' + i);
	oSwatch.style.display='none';
}

nCurrentViewId=viewId;

}

function swatchClick(viewId,swatchId){

//Load the large photo
document.enlarged.src=acImages[viewId][swatchId];
}

function nextView(){
	
	var bNextViewId=false;
	var nNextViewId=nCurrentViewId;
	
	for(viewId in acImages){
	
		//this is it
		if(bNextViewId){
			nNextViewId=viewId;
			bNextViewId=false;
			break;
		}
		
		//the next one is it
		if(viewId==nCurrentViewId){
			bNextViewId=true;
		}
	}

	//We were on the last viewId in the array
	if(bNextViewId){
		for(viewId in acImages){
			nNextViewId=viewId;
			break;
		}
	}

	oImg=document.getElementById('viewImage' + nNextViewId);
	viewClick(oImg,nNextViewId);
}

function previousView(){
	
	var nNextViewId=null;
	
	for(viewId in acImages){
	
		//the last one was it
		if(viewId==nCurrentViewId){
			break;
		}else{
			nNextViewId=viewId;
		}
	}

	//We have to loop again and use the last one
	if(!nNextViewId){
		for(viewId in acImages){
			nNextViewId=viewId;
		}
	}
	
	oImg=document.getElementById('viewImage' + nNextViewId);
	viewClick(oImg,nNextViewId);
}

function closeViewer(){
	if(self.parent&&self.parent.tb_remove){
		self.parent.tb_remove();
		return false;
	}else{
		document.location='http://www.cnmfg.com/';
	}
}
