var thumbs;
function get_spots(c){
	//var divs = YAHOO.util.Dom.getElementsByClassName("thumbs", "div");
	var thumbs = c.childNodes;
	//for(var i=0;i<divs.length;i++){
	//	var thumbs = divs[i].childNodes;
	//}
	return thumbs;
}

function init_spotlight(c){
	var thumbs = get_spots(c);
	for(var x=0;x<thumbs.length;x++){
			YAHOO.util.Event.addListener(thumbs[x], "click", spotlight, thumbs[x], true);
	}
}

var activeNode = 0;
var width = 248;
function spotlight(e){
	var obj = (e.target) ? e.target : e.srcElement;
	var thumb = obj.getAttribute("src");
	var root = obj.parentNode.parentNode;
	var imgs = root.getElementsByTagName("div");
	var textTag = imgs[0].nextSibling.nextSibling;
	
	textTag.innerHTML = obj.getAttribute("alt");
	var ie = YAHOO.env.ua.ie;
	var r = newXMLObject();
	var date = new Date;
	var url = "/_includes/load_image.php?";
	url = url + date.getDate() + date.getTime() + "|";
	url = url + thumb + "|";
	url = url + width;
	
    
	var el = YAHOO.util.Dom.getElementsByClassName("spot-nav-active", "img");

	if(el.length != 0){
		activeNode = el[0];
	}
	
	if(activeNode != 0){
		activeNode.className = "";
		activeNode.removeAttribute("class");
	}
	
	r.onreadystatechange=function(){
			if(r.readyState==4){
				imgs[1].innerHTML = r.responseText;
				obj.className = "spot-nav-active";
	        }
	}
	
	r.open("GET",url,true);
	r.send(null);
}