var oktoshow = true;
var oktohide = false;
var previewDiv = document.createElement('div');
previewDiv.id = 'previewDiv';
document.body.appendChild(previewDiv);
function findPos(obj) {
	var curleft = 0;
	var curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}

function showImg() {
	$('#previewDiv img').bind("contextmenu",function(e){
    	alert('Right click disabled on images!');
        return false;
    });
	opacity('previewDiv', 0, 100, 300);
}

function loadImg(img) {	
	if (oktoshow==true) {
		var m = img.src.replace("thumbs/", "preview/");
		if (m.indexOf('laceholder') == -1 ) {
			oktoshow = false;
			var p = findPos(img);
			m = m.replace("_T", "");
			previewDiv.innerHTML = "<img src=\"" + m + "\">" ;
			previewDiv.style.left = p[0] + img.offsetWidth + 8;
			previewDiv.style.top = p[1] - 6;
			setTimeout("showImg();", 250);
		}
	}
}

function hideImg(){
	if (oktohide == true && previewDiv.className == 'previewShow') {
		opacity('previewDiv', 100, 0, 150);
	}
}
	
function opacity(id, opacStart, opacEnd, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

function changeOpac(opacity, id, no) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
    if (opacity == 0) { 
    	previewDiv.className = 'previewHide';
    	oktoshow = true;
    } else {
    	previewDiv.className = 'previewShow';
    	oktoshow = false;
    	oktohide = (opacity == 100);
    }
    
} 	

changeOpac(0, 'previewDiv', 0);