var FrameAnim = new Array();

var FrameCount = 0;
var FontSize = 10;

// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>animation
function Anim(obj,FrameAdd,Frames) 
{   
    var t;

    var Timing = document.getElementById("Speed").value * 1;
    
	    for (var i=1;i<Frames + 1;i++)
	    {
		   FrameAnim[i] = setTimeout("AnimType(" + FrameAdd + ",'" + obj + "')",Timing * i);
		   t = i;
	    }
	    
	var m = document.getElementById("Geleffect").value * 1;
	
	while (m>0)
	{
	    Timing++;
	    FrameAdd = FrameAdd * -1;
		for (var a=1;a<m + 1;a++)
	    {
	        t++;
		    FrameAnim[t] = setTimeout("AnimType(" + FrameAdd + ",'" + obj + "')",Timing * t);
	    }
	    m--;
	    
	    Timing++;
	    FrameAdd = FrameAdd * -1;
	    for (var z=1;z<m + 1;z++)
	    {
	        t++;
		    FrameAnim[t] = setTimeout("AnimType(" + FrameAdd + ",'" + obj + "')",Timing * t);
	    }	
        m--;
	}
}
// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>animation

//var PicTop=0;
//var PicLeft=0;

var FrameWidth;//=108;
var FrameHeight;//=108;

function AnimType(PixAdd,obj) 
{
//
    	//PicLeft -= PixAdd;
    	//document.getElementById(obj).style.left = PicLeft  + "px";
    	//PicTop -= PixAdd;
    	//document.getElementById(obj).style.top = PicTop  + "px";
//

   	//var FrameWidth=getElementWidth(obj);
	//var FrameHeight=getElementHeight(obj);
    
    FrameWidth += PixAdd;
    document.getElementById(obj).style.width = FrameWidth  + "px";
    FrameHeight += PixAdd;
    document.getElementById(obj).style.height = FrameHeight  + "px";
    FontSize += PixAdd;
    //document.getElementById(obj).style.fontSize = FontSize  + "px";
    
    FrameCount += PixAdd;
}

//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Start;Stop

function ClearAnim(obj) 
{
    for (var i = 0;i<FrameAnim.length;i++)
    {
        clearTimeout(FrameAnim[i]);
    }

    //Anim(obj,-1,FrameCount)
}

function StartAnim(obj) 
{
	FrameCount = 0;

	FrameWidth=108;
	FrameHeight=108;

    for (var i = 0;i<FrameAnim.length;i++)
    {
        clearTimeout(FrameAnim[i]);
    }
    
    var Frames = document.getElementById("Frames").value * 1 - FrameCount;

    Anim(obj,1,Frames)
}

function AnimOnMouseOut(obj) 
{
	ClearAnim(obj);
	document.getElementById(obj).style.width = 108  + "px";
    	document.getElementById(obj).style.height = 108  + "px";
}

//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Get Param

function getElementHeight(Elem) 
{
		var obj = document.getElementById(Elem);
		var yPos = obj.style.pixelHeight;
		if (yPos == null) 
		{
			yPos = obj.offsetHeight;
		}
		return yPos;
}

function getElementWidth(Elem) 
{
		var obj = document.getElementById(Elem);
		var xPos = obj.style.pixelWidth;
		if (xPos == null) 
		{
			xPos = obj.offsetWidth;
		}
		return xPos;
}