var tc_timeout = 500; //0.5 second = 500 miliseconds

var tm = false; //variable for tc_timeout;
var tc_container = false;
var img_arr = new Array();

function tcInit(img_arr) {
//	var elm = document.getElementsByTagName("img");
	var c = img_arr.length;
	var tc_obj;
	for (var i=0;i<c;i++) {
		tc_obj = document.getElementById(img_arr[i]);
		//alert(tc_obj);
		
		if (tc_obj == null) continue;
		
		if (!tc_obj.getAttribute("thumbs")) continue;
		
		if (!document.attachEvent) {
			tc_obj.addEventListener('mouseover', startChangeThumbnails, true);
			tc_obj.addEventListener('mouseout', stopEverything, true);
		}
		else {
			tc_obj.attachEvent('onmouseover', startChangeThumbnails);
			tc_obj.attachEvent('onmouseout', stopEverything);
		}
		
		sPreload(tc_obj);
		tc_obj.setAttribute("original", tc_obj.getAttribute("src"));
		tc_obj.setAttribute("currentThumb", "-1");
	}
}

// preload images
function sPreload(obj) {
	var arr = obj.getAttribute("thumbs");
	if (!arr) return;
	var photos = arr.split("|");
	var c = photos.length;
	
	for (var i=0;i<c;i++) {
		var img = new Image();
		img.src = photos[i]; 
	}
}

function startChangeThumbnails(evt){
		var target;
		if (!evt) {
	            evt = window.event;
	    } 
	    
	    if (evt.target) target = evt.target;
	    else target=evt.srcElement;
	    
	    if (target.nodeName == "IMG" && target.parentNode.nodeName == "a") target = target.parentNode; // work-around for <a><img/></a> "bug"
	    
		tc_container = target;
		showThumb();

}


function showThumb() {
	var target = tc_container;
	if (!target) return;
	var arr = target.getAttribute("thumbs");
	if (!arr) return;
 	var photos = arr.split("|");
	var c = photos.length;
	if (c == 0) return;
	
	var curr = target.getAttribute("currentThumb");
	if (curr === false) curr = -1;
	curr++;
	if (curr >= c) curr = 0;
	
	target.setAttribute("currentThumb", curr);
	
	target.src = photos[curr];
	tm = setTimeout("showThumb()", tc_timeout);
}

function stopEverything(evt)
{
	var target;
	if (!evt) {
            evt = window.event;
    } 
    
    if (evt.target) target = evt.target;
    else target=evt.srcElement;
    
    if (target.nodeName == "IMG" && target.parentNode.nodeName == "a") target = target.parentNode; // work-around for <a><img/></a> "bug"
    
    var src = target.getAttribute("original");
    if (!src) return;
    target.setAttribute("currentThumb", "-1");
    target.src = src;
    
    tc_container = false;
    
	clearTimeout(tm);
}