//Gradual Elements Fader- By Dynamic Drive at http://www.dynamicdrive.com
//Last updated: Nov 8th, 07'

var gradualFader={}

gradualFader.baseopacity=0.7 //set base opacity when mouse isn't over element (decimal below 1)
gradualFader.increment=0.2 //amount of opacity to increase after each iteration (suggestion: 0.1 or 0.2)

document.write('<style type="text/css">\n') //write out CSS to enable opacity on "gradualfader" class
document.write('.gradualfader{filter:progid:DXImageTransform.Microsoft.alpha(opacity=' + gradualFader.baseopacity * 100 + '); -moz-opacity:' + gradualFader.baseopacity + '; opacity:' + gradualFader.baseopacity + ';}\n')
document.write('</style>')

gradualFader.setopacity=function(obj, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
	var targetobject=obj
	if (targetobject && targetobject.filters && targetobject.filters[0]){ //IE syntax
		if (typeof targetobject.filters[0].opacity=="number") //IE6
			targetobject.filters[0].opacity=value*100
		else //IE 5.5
			targetobject.style.filter="alpha(opacity="+value*100+")"
		}
	else if (targetobject && typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
		targetobject.style.MozOpacity=value
	else if (targetobject && typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
		targetobject.style.opacity=value
	targetobject.currentopacity=value
}

gradualFader.fadeupdown=function(obj, direction){
	var targetobject=obj
	var fadeamount=(direction=="fadeup")? this.increment : -this.increment
	if (targetobject && (direction=="fadeup" && targetobject.currentopacity<1 || direction=="fadedown" && targetobject.currentopacity>this.baseopacity)){
		this.setopacity(obj, targetobject.currentopacity+fadeamount)
		window["opacityfader"+obj._fadeorder]=setTimeout(function(){gradualFader.fadeupdown(obj, direction)}, 50)
	}
}

gradualFader.clearTimer=function(obj){
if (typeof window["opacityfader"+obj._fadeorder]!="undefined")
	clearTimeout(window["opacityfader"+obj._fadeorder])
}

gradualFader.isContained=function(m, e){
	var e=window.event || e
	var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
	while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
	if (c==m)
		return true
	else
		return false
}

gradualFader.fadeinterface=function(obj, e, direction){
	if (!this.isContained(obj, e)){
		gradualFader.clearTimer(obj)
		gradualFader.fadeupdown(obj, direction)
	}
}

gradualFader.collectElementbyClass=function(classname){ //Returns an array containing DIVs with specified classname
	var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") //regular expression to screen for classname within element
	var pieces=[]
	var alltags=document.all? document.all : document.getElementsByTagName("*")
	for (var i=0; i<alltags.length; i++){
		if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
			pieces[pieces.length]=alltags[i]
	}
	return pieces
}

gradualFader.init=function(){
	var targetobjects=this.collectElementbyClass("gradualfader")
	for (var i=0; i<targetobjects.length; i++){
		targetobjects[i]._fadeorder=i
		this.setopacity(targetobjects[i], this.baseopacity)
		targetobjects[i].onmouseover=function(e){gradualFader.fadeinterface(this, e, "fadeup")}
		targetobjects[i].onmouseout=function(e){gradualFader.fadeinterface(this, e, "fadedown")}
	}
}

/**********************/
var gradualFader2 = {}

gradualFader2.baseopacity = 0.7 //set base opacity when mouse isn't over element (decimal below 1)
gradualFader2.increment = 0.2 //amount of opacity to increase after each iteration (suggestion: 0.1 or 0.2)

document.write('<style type="text/css">\n') //write out CSS to enable opacity on "gradualFader2" class
document.write('.gradualfader2{filter:progid:DXImageTransform.Microsoft.alpha(opacity=' + gradualFader2.baseopacity * 100 + '); -moz-opacity:' + gradualFader2.baseopacity + '; opacity:' + gradualFader2.baseopacity + ';}\n')
document.write('</style>')

gradualFader2.setopacity = function(obj, value) { //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
    var targetobject = obj
    if (targetobject && targetobject.filters && targetobject.filters[0]) { //IE syntax
        if (typeof targetobject.filters[0].opacity == "number") //IE6
            targetobject.filters[0].opacity = value * 100
        else //IE 5.5
            targetobject.style.filter = "alpha(opacity=" + value * 100 + ")"
    }
    else if (targetobject && typeof targetobject.style.MozOpacity != "undefined") //Old Mozilla syntax
        targetobject.style.MozOpacity = value
    else if (targetobject && typeof targetobject.style.opacity != "undefined") //Standard opacity syntax
        targetobject.style.opacity = value
    targetobject.currentopacity = value
}

gradualFader2.fadeupdown = function(obj, direction) {
    var targetobject = obj
    var fadeamount = (direction == "fadeup") ? this.increment : -this.increment
    if (targetobject && (direction == "fadeup" && targetobject.currentopacity < 1 || direction == "fadedown" && targetobject.currentopacity > this.baseopacity)) {
        this.setopacity(obj, targetobject.currentopacity + fadeamount)
        window["opacityfader" + obj._fadeorder] = setTimeout(function() { gradualFader2.fadeupdown(obj, direction) }, 50)
    }
}

gradualFader2.clearTimer = function(obj) {
    if (typeof window["opacityfader" + obj._fadeorder] != "undefined")
        clearTimeout(window["opacityfader" + obj._fadeorder])
}

gradualFader2.isContained = function(m, e) {
    var e = window.event || e
    var c = e.relatedTarget || ((e.type == "mouseover") ? e.fromElement : e.toElement)
    while (c && c != m) try { c = c.parentNode } catch (e) { c = m }
    if (c == m)
        return true
    else
        return false
}

gradualFader2.fadeinterface = function(obj, e, direction) {
    if (!this.isContained(obj, e)) {
        gradualFader2.clearTimer(obj)
        gradualFader2.fadeupdown(obj, direction)
    }
}

gradualFader2.collectElementbyClass = function(classname) { //Returns an array containing DIVs with specified classname
    var classnameRE = new RegExp("(^|\\s+)" + classname + "($|\\s+)", "i") //regular expression to screen for classname within element
    var pieces = []
    var alltags = document.all ? document.all : document.getElementsByTagName("*")
    for (var i = 0; i < alltags.length; i++) {
        if (typeof alltags[i].className == "string" && alltags[i].className.search(classnameRE) != -1)
            pieces[pieces.length] = alltags[i]
    }
    return pieces
}

gradualFader2.init = function() {
    var targetobjects = this.collectElementbyClass("gradualfader2")
    for (var i = 0; i < targetobjects.length; i++) {
        targetobjects[i]._fadeorder = i
        this.setopacity(targetobjects[i], this.baseopacity)
        targetobjects[i].onmouseover = function(e) { gradualFader2.fadeinterface(this, e, "fadeup") }
        targetobjects[i].onmouseout = function(e) { gradualFader2.fadeinterface(this, e, "fadedown") }
    }
}