////////////////////////////////////////////////////////////////////////////////////////////

function ow(image) {
        window.open('show.php?img='+image, 'ImagePreview', 'width=640,height=400');	
    }

function ont(element) {
	divs = document.getElementById(element).style.backgroundImage; 
	divs = divs.replace('_tn','');
	divs = divs.replace('url(','');
	divs = divs.replace(')',''); 
	divs = divs.replace(' ',''); 
	ow(divs);	
}

function chn(element, tn, op, f) {
if(f == null) f = 0;
if(op == null) op = 100;
if(f == 0){
if(document.getElementsByClassName('preloader').length>0){
elems=document.getElementsByClassName('preloader');
for(var i=0;i<elems.length;i++)elems[i].className='preloader_white';
}
if(op > 0){
setOpacity(document.getElementById(element), op);
op-=10;
setTimeout('chn(\'' + element + '\',\'' + tn + '\',' + op + ', 0)',50);
return;
}
}else{
if(document.getElementsByClassName('preloader').length>0){
elems=document.getElementsByClassName('preloader');
for(var i=0;i<elems.length;i++)elems[i].className='preloader_white';
}
if(op <= 100){
setOpacity(document.getElementById(element), op);
op+=10;
setTimeout('chn(\'' + element + '\',\'' + tn + '\',' + op + ', 1)',50);
return;
}else return;
}
if(document.getElementsByClassName('preloader_white').length>0){
elems=document.getElementsByClassName('preloader_white');
for(var i=0;i<elems.length;i++)elems[i].className='preloader';
}
document.getElementById(element).src='' + tn + '';
chn(element,tn, 0, 1);
}

function setOpacity(el,op){
opacity='0.'+op;
opie='alpha(opacity: '+op+')';
switch(op){
case 100: opacity='1.0'; break;
case 9: opacity='0.09'; break;
case 8: opacity='0.08'; break;
case 7: opacity='0.07'; break;
case 6: opacity='0.06'; break;
case 5: opacity='0.05'; break;
case 4: opacity='0.04'; break;
case 3: opacity='0.03'; break;
case 2: opacity='0.02'; break;
case 1: opacity='0.01'; break;
case 0: opacity='0.0'; break;
}
el.style.filter=opie;
el.style.KHTMLOpacity=opacity;
el.style.MozOpacity=opacity;
el.style.opacity=opacity;
}

document.getElementsByClassName = function(clsName){
   var retVal = new Array();
   var elements = document.getElementsByTagName("*");
   for(var i = 0;i < elements.length;i++){
       if(elements[i].className.indexOf(" ") >= 0){
           var classes = elements[i].className.split(" ");
           for(var j = 0;j < classes.length;j++){
               if(classes[j] == clsName)
                   retVal.push(elements[i]);
           }
       }
       else if(elements[i].className == clsName)
           retVal.push(elements[i]);
   }
   return retVal;
}