function init_viewer() {
if (!document.getElementsByTagName) return false;
var viewer = document.getElementById('viewer-nav');
if (!viewer) return false;
var viewerlinks = viewer.getElementsByTagName('A');

	for (var i=0; i < viewerlinks.length; i++) {
		viewerlinks.item(i).onclick = function() {
				/* alert(this); */
				switch_image(this);
				 this.blur();  
				 return false;
				}
	}
}

function switch_image(theRef) {
	if (!document.getElementsByTagName) return false;
	var viewer = document.getElementById('viewer');
	if (!viewer) return false;
	var viewerlinks = viewer.getElementsByTagName('A');

	for (var i=0; i < viewerlinks.length; i++) {
		viewerlinks[i].className = '';  // reset on states
			
			if (viewerlinks[i] == theRef) {
				var curr_image_url = document.getElementById('workimage').src;
				var req_image_url = viewerlinks[i].getAttribute('href');
				
				curr_image = curr_image_url.substring(curr_image_url.lastIndexOf("/images/"));
				req_image = req_image_url.substring(req_image_url.lastIndexOf("/images/"));
				// req_image = req_image_url.substring(req_image_url.lastIndexOf("/images/")+1);
			
				// alert(curr_image);
				
					if (curr_image != req_image) {   //check if the requested image is different from the current one
						viewerlinks[i].className = 'on';
						loadimage(req_image);
						}
					else {
						viewerlinks[i].className = 'on';
						}
					
			}
		
		}

}

function swtImg(imageref,itemref) {
	var viewer = document.getElementById('viewer');
	var viewerlinks = viewer.getElementsByTagName('A');
	var theitem = document.getElementById(itemref);
	var	casestudyimage = document.getElementById('thephoto');
	var currentimage = casestudyimage.src;
	var reqimage = imageref;

	casestudyimage.style.display = 'none';
	
	theitem.blur(); //get rid of dodgy bordering ~ accessibility police please don't hurt me

	if (currentimage != reqimage)  //check if the requested image is different from the current one
	{

	//reset any current "on" states
	for (var i = 0; i < viewerlinks.length; i++) {	viewerlinks[i].className = '';	}
	
	
	// show new picture	
	if (document.images) {
//			casestudyimage.src = '/images/uploads/casestudies/' + reqimage;
			casestudyimage.src = reqimage;
					
			//change "on" state
			theitem.className = 'on';
			}
	}
	
	casestudyimage.style.display = 'block';

}



function loadimage(caseimg){
				var	workimage = document.getElementById('workimage');
				workimage.style.visibility = 'hidden';
				
				newimg = new Image();
				newimg.src = caseimg;
				
			if (newimg.complete) {
					workimage.src = caseimg;
					workimage.style.visibility = "visible";
					}
				else {
					setTimeout("loadimage('"+caseimg+"')", 50);
					}
}


function initImage(imageId) {
	// imageId = 'bannerimage';
	if (image = document.getElementById(imageId)) {
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
	}
}





function loadXMLDoc(url) 
{ 
   // branch for native XMLHttpRequest object 
    if (window.XMLHttpRequest) { 
        req = new XMLHttpRequest(); 
	     req.onreadystatechange = processReqChange; 
        req.open("GET", url, true); 
        req.send(null); 
    // branch for IE/Windows ActiveX version 
    } else if (window.ActiveXObject) { 
        req = new ActiveXObject("Microsoft.XMLHTTP"); 
        if (req) { 
        req.onreadystatechange = processReqChange; 
            req.open("GET", url, true); 
            req.send(); 
        } 
    } 
} 

window.onload = function() {
	init_viewer();
}