bytefx = new function(){ this.alpha = function(element, opacity){ var style = $element(element).style; style.opacity = style.MozOpacity = style.KhtmlOpacity = opacity / 100; style.filter = "alpha(opacity=" + opacity + ")";}; this.clear = function(element){ var interval = ["size", "move", "fade", "color"], index = interval.length; while(index--)
clearInterval($element(element).bytefx[interval[index]]);}; this.color = function(element, style, start, end, speed, callback){ end = bytefx.color$(end); clearInterval($element(element).bytefx.color); element.bytefx.color = setInterval(function(){ var color = bytefx.color$(start), index = 3; while(index--)
color[index] = $end(color[index], end[index], speed); element.style[style] = start = bytefx.$color(color); if("" + color == "" + end)
$callback(element, "color", callback);}, 1);}; this.drag = function(element, start, end, callback, position){ function $callback(callback, evt){ if(callback)
callback.call(element, evt); return false;}; var tmp = $element(element).bytefx.drag; bytefx.$event(element, "onmousedown", function(evt){ tmp.start = false; tmp.onmousedown = document.onmousedown; tmp.onmouseup = document.onmouseup; document.onmouseup = element.onmouseup; document.onmousedown = function(){return false}; return $callback(start, evt);}); bytefx.$event(element, "onmouseup", function(evt){ tmp.start = false; document.onmousedown = tmp.onmousedown; document.onmouseup = tmp.onmouseup; return $callback(end, evt);}); bytefx.$event(document, "onmousemove", function(evt){ var x = evt.clientX, y = evt.clientY, size = {x: x - tmp.x, y: y - tmp.y}; if(tmp.start) { if(position) { size.x = Math.max(size.x, position.$x); size.y = Math.max(size.y, position.$y); size.x = Math.min(size.x, position.x$); size.y = Math.min(size.y, position.y$);}; bytefx.position(element, size); $callback(callback, evt);}
else{ tmp.x = x - element.offsetLeft; tmp.y = y - element.offsetTop;}; return false;});}; this.fade = function(element, start, end, speed, callback){ clearInterval($element(element).bytefx.fade); element.bytefx.fade = setInterval(function(){ start = $end(start, end, speed); bytefx.alpha(element, start); if(start == end)
$callback(element, "fade", callback);}, 1);}; this.move = function(element, position, speed, callback){ var start = bytefx.$position($element(element)); $setInterval(element, "move", speed / 300, start, position, ["x", "y"], "position", callback);}; this.position = function(element, position){ var style = $element(element).style; style.position = "absolute"; style.left = position.x + "px"; style.top = position.y + "px";}; this.size = function(element, size, speed, callback){ var start = bytefx.$size($element(element)), tmp = window.opera; if(!/msie/i.test(navigator.userAgent) || (tmp && parseInt(tmp.version()) >= 9)){ if(size.$width)
start.width -= size.$width; if(size.$height)
start.height -= size.$height; if(size.width$)
size.width -= size.width$; if(size.height$)
size.height -= size.height$;}; element.style.overflow = "hidden"; $setInterval(element, "size", start, size, ["width", "height"], "size$", callback);}; this.$color = function(color){ function tmp(index){ var tmp = color[index].toString(16); return tmp.length == 1 ? "0" + tmp : tmp;}; return "#" + tmp(0) + tmp(1) + tmp(2);}; this.color$ = function(color){ function tmp(index){ return color.charAt(index);}; color = color.substr(1, color.length); if(color.length == 3)
color = tmp(0) + tmp(0) + tmp(1) + tmp(1) + tmp(2) + tmp(2); return [parseInt(tmp(0) + tmp(1), 16), parseInt(tmp(2) + tmp(3), 16), parseInt(tmp(4) + tmp(5), 16)];}; this.$event = function(element, tmp, callback){ element[tmp] = (function(value){ return function(evt){ if(!evt)
evt = window.event; if(value)
value.call(this, evt); return callback.call(this, evt);}
})(element[tmp]);}; this.$position = function(element){ var position = {x:element.offsetLeft, y:element.offsetTop}; while(element = element.offsetParent){ position.x += element.offsetLeft; position.y += element.offsetTop;}; return position;}; this.$size = function(element){ var tmp = "number", size = {width:0, height:0}; if(typeof(element.offsetWidth) == tmp)
size = {width:element.offsetWidth, height:element.offsetHeight}; else if(typeof(element.clientWidth) == tmp)
size = {width:element.clientWidth, height:element.clientHeight}; else if(typeof(element.innerWidth) == tmp)
size = {width:element.innerWidth, height:element.innerHeight}; return size;}; this.size$ = function(element, size){ var style = element.style; style.width = size.width + "px"; style.height = size.height + "px";}; function $callback(element, interval, callback){ clearInterval(element.bytefx[interval]); if(callback)
callback.call(element);}; function $element(element){ if(!element.bytefx)
element.bytefx = {color:0, drag:{}, fade:0, move:0, size:0}; return element;}; function $end(x, y, speed){ return x < y ? Math.min(x + speed, y) : Math.max(x - speed, y);}; function $setInterval(element, interval, speed, start, position, style, tmp, callback){ var round = Math.round; clearInterval(element.bytefx[interval]); element.bytefx[interval] = setInterval(function(){ start[style[0]] += (position[style[0]] - start[style[0]]) * speed; start[style[1]] += (position[style[1]] - start[style[1]]) * speed; bytefx[tmp](element, start); if(round(start[style[0]]) == position[style[0]] && round(start[style[1]]) == position[style[1]]){ bytefx[tmp](element, position); $callback(element, interval, callback);}
}, 1);};};