ImgViewer = function()
{
	this.ie = ( /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent) );

	this.progress = new Image();
	this.progress.src = 'http://www.sky-cz.com/n/template/en_US/img/greybox/iv_progress.gif';
//	document.write('<div id="galleryDiv" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background-image:url(\'blank.gif\');visibility:hidden"></div>');
//	this.mainEl = document.getElementById('galleryDiv');
	this.mainEl = ImgViewer.createElement('div');
	this.mainEl.imgViewer = this;
	this.mainEl.onclick = ImgViewer.imgOnClickHandler;
	var ms = this.mainEl.style;
	
	ms.position = 'absolute';
	ms.top = '0';
	ms.left = '0';
	ms.height = '100%';
	ms.width = '100%';
	ms.zIndex = '920';
	ms.backgroundImage = 'url(http://www.sky-cz.com/n/template/en_US/img/greybox/iv_blank.gif)';
	ms.visibility = 'hidden';
	ms.textAlign = 'center';
	ms.cursor = 'default';

	this.img = ImgViewer.createElement('img',this.mainEl);
	this.img.style.margin = 'auto 20px auto 20px';
	this.img.style.border = '1px #faa928 solid';
	this.img.onclick = ImgViewer.imgOnClickHandler;
	this.img.imgViewer = this;
	

	this.imgCreated = false;
	
	// gallery viewer
	this.galEl = ImgViewer.createElement('div');
	this.galEl.imgViewer = this;
	//this.galEl.onclick = ImgViewer.imgOnClickHandler;
	var gs = this.galEl.style;

	gs.position = 'absolute';
	gs.top = '0';
	gs.left = '0';
	gs.height = '100%';
	gs.width = '100%';
	gs.zIndex = '921';
	gs.backgroundImage = 'url(http://www.sky-cz.com/n/template/en_US/img/greybox/iv_blank.gif)';
	gs.visibility = 'hidden';
	gs.textAlign = 'center';
	gs.cursor = 'pointer';

	this.imgCreated = false;

	var tbl = ImgViewer.createElement('table',this.galEl);
	tbl.style.width = document.body.clientWidth;
	tbl.style.height = '100%';
	var tb = ImgViewer.createElement('tbody',tbl);
	var tr = ImgViewer.createElement('tr',tb);
	tr.style.height = '100%';
	var tdL = ImgViewer.createElement('td',tr);
	var tdLs = tdL.style;
	tdLs.textAlign = 'right';
	tdLs.verticalAlign = 'middle';
	tdLs.width = (document.body.clientWidth - 620)/2 + 'px';
	tdLs.height = '100%';

	this.prevBtn = ImgViewer.createElement('img', tdL);
	var ps = this.prevBtn.style;
	ps.border = '1px #faa928 solid';
	this.prevBtn.onclick = ImgViewer.navOnClickHandler;
	this.prevBtn.imgViewer = this;

	var tdM = ImgViewer.createElement('td',tr);
	var tdMs = tdM.style;
	tdMs.textAlign = 'center';
	tdMs.verticalAlign = 'middle';
	tdMs.width = '620px';
	tdMs.height = '100%';

	this.galImg = ImgViewer.createElement('img',tdM);
	this.galImg.style.margin = 'auto 20px auto 20px';
	this.galImg.style.border = '1px  #faa928 solid';
	this.galImg.onclick = ImgViewer.imgOnClickHandler;
	this.galImg.imgViewer = this;

	this.txtEl = ImgViewer.createElement('div',tdM);
	this.txtEl.style.padding = '20px 20px 20px 20px';
	this.txtEl.style.color = '#FAA928';
	this.txtEl.imgViewer = this;

	var tdR = ImgViewer.createElement('td',tr);
	var tdRs = tdR.style;
	tdRs.textAlign = 'left';
	tdRs.verticalAlign = 'middle';
	tdRs.width = (document.body.clientWidth - 620)/2 + 'px';
  var verze = navigator.appVersion; 
  var StartStr = verze.indexOf("MSIE") + 5;
  var EndStr = verze.indexOf(";", StartStr);
  verze = verze.substring(StartStr, EndStr);
  if ( (navigator.appName=="Microsoft Internet Explorer") && (parseInt(verze) <= 6) ) 
    tdRs.height = self.screen.height-50;
  else
  tdRs.height = '100%';
  

	this.nextBtn = ImgViewer.createElement('img', tdR);
	var ns = this.nextBtn.style;
	ns.margin = 'auto auto auto 20px';
	ns.border = '1px #faa928 solid';
	this.nextBtn.onclick = ImgViewer.navOnClickHandler;
	this.nextBtn.imgViewer = this;

	this.galCreated = false;

	if (this.ie)
	{
		ms.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.sky-cz.com/n/template/en_US/img/greybox/iv_black_layer0.png", sizingMethod="scale")';
		gs.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.sky-cz.com/n/template/en_US/img/greybox/iv_black_layer0.png", sizingMethod="scale")';
	}
	else
	{
	    ms.backgroundImage = 'url(http://www.sky-cz.com/n/template/en_US/img/greybox/iv_black_layer0.png)'
	    gs.backgroundImage = 'url(http://www.sky-cz.com/n/template/en_US/img/greybox/iv_black_layer0.png)'
	}
	
	this.preloadedImg = new Image();
	this.preloadedImg.imgViewer = this;
	this.galImages = new Array();
	this.galThumbs = new Array();
	this.galInfos = new Array();
}

ImgViewer.prototype.showImage = function(idx)
{
	if (!this.imgCreated)
	{
	    document.body.appendChild(this.mainEl);
	}
	this.mainEl.style.visibility = 'visible';
	this.preloadedImg.src = idx;
	this.preloadedImg.onload = ImgViewer.imgOnLoadHandler;
	this.img.src = 'http://www.sky-cz.com/n/template/en_US/img/greybox/iv_progress.gif';
	this.img.style.marginTop = ((document.body.clientHeight - this.img.height)/2) + 'px';
	this.img.style.visibility = 'visible';
	this.img.style.borderWidth = '0px';
}

ImgViewer.prototype.addGalImage = function(thumb, img, info)
{
	var i = this.galImages.length;
	this.galThumbs[i] = thumb;
	this.galImages[i] = img;
	this.galInfos[i] = (typeof info != 'undefined')?info:'';

}

ImgViewer.prototype.showGalImage = function(idx)
{
	if (!this.galCreated)
	{
	    document.body.appendChild(this.galEl);
	}

	if (idx > 0)
	{
	    this.prevBtn.src = this.galThumbs[idx-1];
		this.prevBtn.imgIdx = idx-1;
		this.prevBtn.style.visibility = 'visible';
	}
	else
	{
	    this.prevBtn.style.visibility = 'hidden';
		this.prevBtn.imgIdx = -1;
	}

	if (idx+1 < this.galImages.length)
	{
	    this.nextBtn.src = this.galThumbs[idx+1];
		this.nextBtn.imgIdx = idx+1;
	this.nextBtn.style.visibility = 'visible';
	}
	else
	{
	    this.nextBtn.style.visibility = 'hidden';
		this.nextBtn.imgIdx = -1;
	}
	this.txtEl.innerHTML = this.galInfos[idx];
	this.preloadedImg.src = this.galImages[idx];
	this.preloadedImg.onload = ImgViewer.galImgOnLoadHandler;
	this.galEl.style.visibility = 'visible';
	this.galImg.src = 'http://www.sky-cz.com/n/template/en_US/img/greybox/iv_progress.gif';
	this.galImg.style.borderWidth = '0px';

  var flashe = document.getElementsByTagName("embed");
  for(var i = 0, l = flashe.length; i < l; i++)
    flashe[i].style.visibility = 'hidden';
}

ImgViewer.navOnClickHandler = function()
{
	if (this.imgIdx < 0)
	{
	    return;
	}
	this.imgViewer.showGalImage(this.imgIdx);
}

ImgViewer.imgOnClickHandler = function()
{
	this.imgViewer.mainEl.style.visibility = 'hidden';
	this.imgViewer.galEl.style.visibility = 'hidden';
	this.imgViewer.img.style.visibility = 'hidden';
	this.imgViewer.img.src = '';
	this.imgViewer.prevBtn.style.visibility = 'hidden';
	this.imgViewer.nextBtn.style.visibility = 'hidden';
	
	var flashe = document.getElementsByTagName("embed");
  for(var i = 0, l = flashe.length; i < l; i++)
    flashe[i].style.visibility = 'visible';
}

ImgViewer.imgOnLoadHandler = function()
{
	this.imgViewer.img.src = this.imgViewer.preloadedImg.src;
	this.imgViewer.img.style.marginTop = ((document.body.clientHeight - this.imgViewer.img.height)/2) + 'px';
	this.imgViewer.img.style.borderWidth = '1px';
}

ImgViewer.galImgOnLoadHandler = function()
{
	var iv = this.imgViewer;
	iv.galImg.src = iv.preloadedImg.src;
	iv.galImg.style.borderWidth = '1px';
}

ImgViewer.createElement = function(type, parent) {
	var el = null;
	if (document.createElementNS) {
		// use the XHTML namespace; IE won't normally get here unless
		// _they_ "fix" the DOM2 implementation.
		el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
	} else {
		el = document.createElement(type);
	}
	if (typeof parent != "undefined") {
		parent.appendChild(el);
	}
	return el;
}