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('a');
	imagesloader(links);
}

function imagesloader(links){
	var ds = new Image();
	ds.src = '/ui2/images/default_slide.jpg';
	for (i=0;i<links.length;i++){
		links[i].id = links[i].parentNode.id.replace('Def','');
		set_evt(links[i],'mouseover',gmenu_link_hover);
		set_evt(links[i],'mouseout',function(){gmenu_link_reset(this);});
		images_count++;
		preload_image(links[i]);
		if (links[i]){
			var tmp = new Image();
			tmp.src = '/ui2/sliced/'+links[i].id+'.jpg';
		}
	}
}

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.href.substring(link.href.indexOf('=')+1,link.href.length);
	var slide_name = link.id;
	var tmp = new Image();
	//
	tmp.onload = loader;
	//tmp2.onload = loader;
	//tmp2.src = '/ui2/sliced/'+slide_name+'.jpg';
	tmp.src = '/ui2/images/'+slide_name+'_slide.jpg';
	//set_evt(tmp,'load',function(){alert('loaded');});
	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/images/'+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") no-repeat top right;';
}

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">'+tg("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>';
	//d('progress').parentNode.innerHTML += iname+'('+images_loaded+'/'+images_count+')<br/>';
}

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