var clear="/images/clear.gif" //path to clear.gif

if(navigator.appVersion.match(/MSIE ([\d.]+);/) && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5)
{
	pngfix=function(elem)
		{
			if (elem==null) elem=document;
			var els=elem.getElementsByTagName('*');
			var ip=/\.png/i;
			var i=els.length;
			while(i-- >0)
				{
					var el=els[i];
					var es=el.style;
					if(el.src&&el.src.match(ip)&&!es.filter)
						{
							es.height=el.height;
							es.width=el.width;
							es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+el.src+"',sizingMethod='scale')";
							el.src=clear;
						}
				}
		}

	Anim.SetElementOpacity = function(elem, opValue)
		{
			elem.style.zoom=1;
			var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
			if(oAlpha) oAlpha.opacity=opValue;
			else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+opValue+")";
		}
}
else
	{
		pngfix=function(){};
		Anim.SetElementOpacity=function(elem, opValue)
		{
			elem.style.opacity=opValue/100;
		}
	}

function Anim(e,sA,b,a)
	{
		this.e=e;
		this.sA=sA;
		this.b=b;
		this.a=a;

		function anim(e, sArray, handler)
			{
				if (handler)
					{
						var sHand = function()
							{
								if (e.removeEventListener) e.removeEventListener("Animfinished", sHand, false);
								else if (e.detachEvent) e.detachEvent("ondataavailable",sHand);
								handler();
							}
							if(e.addEventListener) e.addEventListener("Animfinished",sHand,false);
							else if(e.attachEvent) e.attachEvent("ondataavailable",sHand);
			}

		var singleChange = function(elem, prop, value)
			{
				if(prop == "opacity")
					Anim.SetElementOpacity(elem, value);
				else
					elem.style[prop] = value;
			}
		if(sArray[0][0]) singleChange(e, sArray[0][0],sArray.shift()[1]);
		pngfix();
		while(sArray.length > 0 && sArray[0][2] == 0) singleChange(e, sArray[0][0],sArray.shift()[1]);
		if(sArray[0])
			{
				setTimeout(function(){anim(e, sArray)},sArray[0][2]);
			}
		else
			{
				if(document.createEvent)
					{
						var ev=document.createEvent("Events");
						ev.initEvent("Animfinished", true, false);
					}
				else if(document.createEventObject)
					{
						var ev = document.createEventObject( "onanimated" );
					}
				else return;
				if (e.dispatchEvent) e.dispatchEvent(ev);
				else if (e.fireEvent) e.fireEvent("ondataavailable",ev);
			}
	}
	this.animate = function(an)
		{
			if(an)
				{
					this.a=function()
						{	if(a)a();
							an();
						}
				};
				anim(this.e,this.sA,this.a);
				if(this.b) this.b();
		}
}



Anim.StepsGenerator = function(sArray, stepCount) //[property, startValue, endValue]
{
var simpleChanges = new Array();
for(var i=0;i<sArray.length;i++)
{
var step = (sArray[i][2] - sArray[i][1]) / stepCount;
var oneParam = new Array();
var postValueStr = "px";
if (sArray[i][0] == "opacity") postValueStr = "";
oneParam.unshift(sArray[i][2] + postValueStr);
for(var j=0;j<stepCount;j++){oneParam.unshift(sArray[i][2]-j*step+postValueStr);}
simpleChanges.push(oneParam);
}
var result = new Array();
while (simpleChanges[0].length > 0)
{
    result.push([sArray[0][0],simpleChanges[0].shift(),40]);
    for(var i=1;i<sArray.length;i++)result.push([sArray[i][0],simpleChanges[i].shift(),0]);
}
return result;
}

Anim.GetStyleObject = function(styleName)
{
	if(document.styleSheets[styleSheetNum].cssRules) 
		var rules=document.styleSheets[styleSheetNum].cssRules;
	else 
		var rules=document.styleSheets[styleSheetNum].rules;
	for(var i=0;i<rules.length;i++)if(rules[i].selectorText=="."+styleName)return rules[i].style;        
}


Anim.ChangeClass = function(elem,oldClass,newClass,AProps)
{
    var PArray = new Array();
    var OldStyleObj = this.GetStyleObject(oldClass);
    var NewStyleObj = this.GetStyleObject(newClass);
    for (var i = 0; i < AProps.length; i++)
    {
        if(/*elem.style[AProps[i]] == "" && */OldStyleObj[AProps[i]] != "" && NewStyleObj[AProps[i]] != "" && OldStyleObj[AProps[i]] != NewStyleObj[AProps[i]])
            PArray.push([AProps[i],parseInt(OldStyleObj[AProps[i]]),parseInt(NewStyleObj[AProps[i]])]);
        else if(elem.style[AProps[i]] != "")
        {
            alert(AProps[i] + ": " + elem.style[AProps[i]]);
             if (i > 0 && i < AProps.length -1)
                AProps = AProps.slice(0,i).concat(AProps.slice(i+1, AProps.length));
             else if (i == 0)
                AProps.shift();   
             else
                AProps.pop();
        }
    }
    var handler = function()
    {
        Anim.ClearInlineStyle(elem, AProps);
    }
	
	var pre = function()
	{
        elem.className = elem.className.replace(oldClass, newClass);	
	}

    if(PArray.length > 0)
    {
        return new Anim(elem, this.StepsGenerator(PArray,5), pre, handler);
    }
}   

Anim.ClearInlineStyle = function(elem, AProps)
{
    for (var i = 0; i < AProps.length; i++)
        elem.style[AProps[i]] = "";
}

if(navigator.appVersion.match(/MSIE ([\d.]+);/) && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5)
{
Anim.FadeIn=function(elem,handler){return new Anim(elem,this.StepsGenerator([["opacity",0,100]],5),null,handler);}
Anim.FadeOut=function(elem,handler){return new Anim(elem,this.StepsGenerator([["opacity",100,0]],5),null,handler);}
}
else
{
Anim.FadeIn=function(elem,handler){return new Anim(elem,this.StepsGenerator([["opacity",0,100]],5),null,handler);}
Anim.FadeOut=function(elem,handler){return new Anim(elem,this.StepsGenerator([["opacity",100,0]],5),null,handler);}
	
}

Anim.AnimQ=function(Anims,hand){if(Anims.length)Anims.shift().animate(function(){Anim.AnimQ(Anims);});else if(hand)hand();}
Anim.AnimP=function(Anims,hand){var counter=Anims.length;sHand=function(){counter--;if(!counter&&hand)hand();};while(Anims.length){Anims.shift().animate(sHand);}}