var iterator = new Array();
var color = new Array();
var bg = new Array();
var elem = new Array();
var interval = new Array();
var init_iterator = 7;
var init_color = '7C7C7C';
var init_r = parseInt(init_color.substr(0,2),16); var init_g = parseInt(init_color.substr(2,2),16); init_b = parseInt(init_color.substr(4,2),16);
var speed = 15;
var iter = 7;

function initmenu(page_id)
{
	iterator[page_id] = init_iterator;
	color[page_id] = new Array();
	color[page_id][0] = init_r;
	color[page_id][1] = init_g;
	color[page_id][2] = init_b;
}

function omover(obj, page_id)
{
	var spage_id = page_id.toString();
	obj.style.background = "url(" + template_dir + "/m" + spage_id + ".gif) center top no-repeat";
	elem[page_id] = obj;
	clearInterval(interval[page_id]);
	interval[page_id] = window.setInterval("chColor(-1," + spage_id + ")", 100);
}

function omout(obj, page_id)
{
	var spage_id = page_id.toString();
	obj.style.background = "url(" + template_dir + "/m" + spage_id + ".png) center top no-repeat";
	clearInterval(interval[page_id]);
	interval[page_id] = window.setInterval("chColor(1," + spage_id + ")", 100);
}

function chColor(diff,page_id)
{
	var idiff = parseInt(diff);
	iterator[page_id] += idiff;
	if (iterator[page_id]>iter) {clearInterval(interval[page_id]); iterator[page_id]=iter; return;}
	if (iterator[page_id]<0) {clearInterval(interval[page_id]); iterator[page_id]=0; return;}
	idiff *= speed;
	var r = color[page_id][0]+idiff; var g = color[page_id][1]+idiff; var b = color[page_id][2]+idiff;
	color[page_id][0] = r; color[page_id][1] = g; color[page_id][2] = b;
	if (r > 255) r = 255; if (r < 0) r = 0; var sr = r.toString(16).toUpperCase();
	if (g > 255) g = 255; if (g < 0) g = 0; var sg = g.toString(16).toUpperCase();
	if (b > 255) b = 255; if (b < 0) b = 0; var sb = b.toString(16).toUpperCase();
	elem[page_id].style.color = '#' + (sr.length==1?'0'+sr:sr)+(sg.length==1?'0'+sg:sg)+(sb.length==1?'0'+sb:sb);
}