var img_cache = new Object();

function parse_images() {
	if (document.getElementById) {
		var ar = document.getElementsByTagName('img');
		for( var x = 0; ar[x]; x++ ) {
			var im = ar[x];
			if(im.getAttribute) { 
				im.hoversrc = im.getAttribute('hoversrc');
			}
			if(im.hoversrc) {
				im.rootsrc = im.src;				
				im.onmouseout = function () {
					this.src = this.rootsrc;
				}
				
				if(!img_cache[im.hoversrc]) {
					img_cache[im.hoversrc] = new Image();
					img_cache[im.hoversrc].src = im.hoversrc;
				}

				im.onmouseover = function () {			
					this.src = this.hoversrc;								
				}
			}
		}
	}
}

function View(pid) {
	document.getElementById('pic_c1').style.display = 'none';
	document.getElementById('pic_c2').style.display = 'none';
	document.getElementById('pic_c3').style.display = 'none';
	document.getElementById('pic_c4').style.display = 'none';
	document.getElementById('pic_' + pid).style.display = 'block';
	document.getElementById('c1').className = '';
	document.getElementById('c2').className = '';
	document.getElementById('c3').className = '';
	document.getElementById('c4').className = '';
	document.getElementById(pid).className = 'active';
}