var curslide = '';
var gimages = Array();
var himages = Array();
var images_count = 0;
var images_loaded = 0;

function set_links_events(){
	var gmenu_links = d('img_menu');
	var links = gmenu_links.getElementsByTagName('area');
	imagesloader(links);
}

function imagesloader(links){
	var ds = new Image();
	ds.src = '/ui2/images/default_slide.jpg';
	for (i=0;i<(links.length);i++){

		images_count++;
		preload_image(links[i]);
		if (links[i]){
			var tmp = new Image();
			tmp.src = '/ui2/sliced/'+links[i].id+'.gif';

		}

	}
}

var loader = function(){
	images_loaded++;

	if ((images_loaded == images_count) || (images_loaded>images_count)){
		if (d('loader')) d('loader').parentNode.removeChild(d('loader'));
		d('gmenu_tr').style.display = '';
	}
	update_progress(((images_loaded/images_count)*100).toFixed(),this.src);
}


function preload_image(link){
	var slide_name = link.id;
	var tmp = new Image();
	//
	tmp.onload = loader;

	tmp.src = '/ui2/img/'+slide_name+'_slide.jpg';
	gimages[gimages.length] = tmp;
}

/*
function gmenu_link_hover(e){
	var targ = t(e);
	var slide_link = targ.href;
	//var slide_name = slide_link.substring(slide_link.indexOf('=')+1,slide_link.length);
	var slide_name = targ.id;
	curslide = slide_name;
	var slide = d('img_menu_slide');
	slide.style.background = 'transparent url("/ui2/img/'+slide_name+'_slide.jpg") no-repeat top right';
}
*/
function gmenu_link_reset(link){
	curslide = false;
	var slide = d('img_menu_slide');
	slide.style.background = 'transparent url("/ui2/images/default_slide.jpg") center left no-repeat';
}

function init_gmenu(){
	var load_title = document.createElement('TR');
	load_title.id = 'loader';
	d('gmenu_tr').parentNode.insertBefore(load_title,d('gmenu_tr'));
	var mtd = document.createElement('TD');
	load_title.appendChild(mtd);
	mtd.setAttribute('colspan','2');
	mtd.setAttribute('valign','middle');
	mtd.setAttribute('height','260');
	mtd.setAttribute('align','center');
	mtd.innerHTML = '<img align="middle" src="/ui2/images/loading.gif"> Loading...<br/><div id="progress">&nbsp;</div>';
	//load_title.innerHTML = '<td colspan="2" height="260" valign="middle" align="center"><img align="middle" src="/ui2/images/loading.gif"> Loading...<br/><div id="progress">&nbsp;</div></td>';
	//load_title.style.position='absolute';
	//load_title.style.top = '50%';
	//load_title.style.heigth = '260px';
	//load_title.style.left = '50%';
	new Image().src='/ui2/images/gmenu_grid.jpg';
	new Image().src='/ui2/images/default_slide.jpg';
	set_links_events();
}

function update_progress(pr,iname){
	var str = '';
	var n = (pr/5).toFixed();
	for (i=0;i<n;i++) str += '&nbsp;';
	d('progress').innerHTML = '<b class="progress">'+str+'</b>';
}

function swp(id)
{

	d('mm').src="/ui2/sliced/"+ id + ".gif";
	var slide = d('img_menu_slide');
	slide.style.background = 'transparent url("/ui2/img/'+ id +'_slide.jpg") center left no-repeat';

}

set_evt(window,'load',function(){init_gmenu()});