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


/**
 * No need to edit below
 */
var tm = false; //variable for timeout;
var container = false;
 
if (!document.attachEvent) {
    // firefox & friends
    window.addEventListener('load', sliekasInit,true);
} else {
    // ie
    window.attachEvent('onload',sliekasInit);
} 

function sliekasInit() {
	var elm = document.getElementsByTagName("img");
	var c = elm.length;
	
	var obj;
	for (var i=0;i<c;i++) {
		obj = elm[i];
		if (!obj.getAttribute("thumbs")) continue;
		
		
		if (!document.attachEvent) {
			obj.addEventListener('mouseover', startChangeThumbnails, true);
			obj.addEventListener('mouseout', stopEverything, true);
		}
		else {
			obj.attachEvent('onmouseover', startChangeThumbnails);
			obj.attachEvent('onmouseout', stopEverything);
		}
		
		sPreload(obj);
		obj.setAttribute("original", obj.getAttribute("src")); //save original image name for further use
		obj.setAttribute("currentThumb", "-1"); //save original image name for further use
	}
}

// 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"
	    
		container = target;
		showThumb();

}


function showThumb() {
	var target = 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()", 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;
    
    container = false;
    
	clearTimeout(tm);
}