var imgSlide_flagOpa;
var imgSlide_tmpO;
var imgSlide_naviO;
var imgSlide_naviMax;
var imgSlide_curentSelected = 0;

function imgSlide_init()
{
 var body = (document.getElementsByTagName ? document.getElementsByTagName("body")[0] : (document.body || null));
 var css = body.style;

 imgSlide_flagOpa = (typeof(css.KhtmlOpacity) != "undefined") ? 2
				  : (typeof(css.KHTMLOpacity) != "undefined") ? 3
				  : (typeof(css.MozOpacity) != "undefined") ? 4
				  : (typeof(css.opacity) != "undefined") ? 5
				  : (typeof(css.filter) != "undefined") ? 1
				  : 0;
				  
 imgSlide_naviO   = document.getElementById('imgNav');
 imgSlide_naviMax = parseInt(imgSlide_naviO.innerHTML)-1; 

 imgSlide_buildNavi();
}

function imgSlide_setTo( tooId )
{
 var from = document.getElementById('imgList'+imgSlide_curentSelected);
 var too  = document.getElementById('imgList'+tooId);
 
 from.style.display = 'none';
 too.style.display  = 'block';
 
 imgSlide_curentSelected = tooId;
 
 imgSlide_buildNavi();
}

function imgSlide_buildNavi()
{
 var html = '';
 
 for(var i=0 ; i<=imgSlide_naviMax ; i++)
 {
  if (imgSlide_curentSelected==i)
  {
   html += '<b>'+(i+1)+'</b> ';
  } else {
   html += '<span onClick="imgSlide_setTo('+i+')">'+(i+1)+'</span> ';
  }
 }
 
 imgSlide_naviO.innerHTML = html+" &nbsp; ";
}

function imgSlide_SetOpa(opa)
{
    var el = imgSlide_tmpO;
	var css = el.style;

	imgSlide_opa = opa;
	if(imgSlide_flagOpa == 1)
	{
		if(opa < 100)
		{
			// Hacks for bugs of IE:
			// 1.) Once a CSS filter has been applied, fonts are no longer
			// anti-aliased, so we store the previous 'non-filter' to be
			// able to restore it
			if(typeof(el.filtNo) == imgSlide_u)
				el.filtNo = css.filter;
			// 2.) A DIV cannot be made visible in a single step if an
			// opacity < 100 has been applied while the DIV was hidden
			var bVis = css.visibility != "hidden";
			// 3.) In IE6, applying an opacity < 100 has no effect if the
			//	   element has no layout (position, size, zoom, ...)
			css.zoom = "100%";
			if(!bVis)
				css.visibility = "visible";
			css.filter = "alpha(opacity=" + opa + ")";
			if(!bVis)
				css.visibility = "hidden";
		}
		else if(typeof(el.filtNo) != imgSlide_u)
			// Restore 'non-filter'
			css.filter = el.filtNo;
	}
	else
	{
		opa /= 100.0;
		switch(imgSlide_flagOpa)
		{
		case 2:
			css.KhtmlOpacity = opa; break;
		case 3:
			css.KHTMLOpacity = opa; break;
		case 4:
			css.MozOpacity = opa; break;
		case 5:
			css.opacity = opa; break;
		}
	}
}

imgSlide_init();