var exhibitViewCount = 0;
var exhibitViewDIV = new Array();

function exhibitView(viewNo, img)
{
	if(exhibitViewDIV[viewNo]) {
		var divs = exhibitViewDIV[viewNo].getElementsByTagName('div');
		
		for(var i=0; i<divs.length; i++) {
			var classes = divs[i].className.split(" ");
			
			for(var j=0; j<classes.length; j++) {				
				if(classes[j] == 'view') {
					divs[i].style.backgroundImage = 'url("'+img.src+'")';
					return;
				}
			}
		}
	}
}

function rewriteExhibitView(div, images)
{
	var html = '<div class="viewFrame">'
			  + '<div class="view view'+exhibitViewCount+'"></div>'
			  + '<div class="thumbs">';
	
	for(var i=0; i<images.length; i++) {
		var img = images[i];
		
		img.width /= 4;
		img.height /= 4;
		
		html += '<div><img src="'+img.src+'" width="'+img.width+'" height="'+img.height+'" alt="'+img.alt+'" onmouseover="exhibitView(0, this)" /></div>';
	}
	
	html += '</div></div>';
	
	div.innerHTML =  html;
	exhibitViewDIV[exhibitViewCount] = div;
	
	exhibitView(exhibitViewCount, images[0]);
	
	exhibitViewCount++;
}



function localRewriteFunc()
{
	if(!document.getElementsByTagName) {
		return;
	}
	
	
	
	var divs = document.getElementsByTagName('div');
	
	for(var i=0; i<divs.length; i++) {
		var div = divs[i];
		var classes = div.className.split(" ");
		var bExhibitView = false;
		
		for(var j=0; j<classes.length; j++) {				
			if(classes[j] == 'exhibitView') {
				bExhibitView = true;
				break;
			}
		}
		
		if(bExhibitView) {
			var images = div.getElementsByTagName('img');
			if(images.length > 1) {
				rewriteExhibitView(div, images);
			}
		}
	}
}