// ### Some config stuff ###
//
//Starting opacity (0-100)
var op = 50;

//Image classnames that the fade-effect will be applied to
//
var classname = new Array();
classname[0] = "gallery_pics";

//###########################
//###########################
//No edit below this line ### 
//###########################
//###########################

var obj = null;
observe = function (element, name, observer, useCapture) {
    if (element.addEventListener) {
        element.addEventListener (name, observer, useCapture);
    } else if (element.attachEvent) {
        element.attachEvent ('on' + name, observer);
    }
}

function init() {
images = document.getElementsByTagName("img");

for (i = 0; i < images.length; i++)
    {
        for(x = 0 ; x < classname.length ; x++)
        {
		    if(images[i].className == classname[x])
		    {
                if(window.addEventListener)
                {
	                images[i].addEventListener('mouseover', opacity, false);
	                images[i].style.opacity = 1;
                }
                else 
                { 
	                images[i].attachEvent('onmouseover', opacity, false);
	                images[i].style.filter ="progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                }
            }
        }
    }
}

function opacity(evt){
if(evt)
{   
    if(window.sidebar)
    {
        if(obj != null && evt.target != obj )
            obj.style.opacity = 1;
        obj = evt.target;
    }
        
    else
    {
        if(obj != null && evt.srcElement != obj )
            obj.filters.item("DXImageTransform.Microsoft.Alpha").Opacity = 100;
       obj = evt.srcElement;
    }
}
if (op < 100)
    {
    op +=5;
    
    setTimeout("opacity()" , 20);
    if(window.sidebar)
        obj.style.opacity = op/100;
    else
        obj.filters.item("DXImageTransform.Microsoft.Alpha").Opacity = op;
    }
else
    {
    op=50;
    }
}
observe (window, 'load' , init, false);