function Resize()
{
	var height=GetWindowHeight();
	var imageContainerHeight=height-140;
	$("#ImageContainer").height(imageContainerHeight);
	$("#ThumbnailContainerBlock").height(96);
	//BigImage_OnLoad(document.getElementById("BigImage"));
}

function CreateThumbnails()
{
	var s="";
	for(var i=0;i<urls.length;i++)
	{

		s+="<table cellpadding='0' cellspacing='0' border='0' class='ThumbnailContainer'><tr><td><img id='ThumbnailLoader" + i + "' src='images/ajax-loader.gif'/>";
		s+="<img src='" + urls[i] + "' class='Thumbnail' onload='Thumbnail_OnLoad(this," + i + ");" + (i==0 ? "ShowImage(this);" : "") + "' onclick='ShowImage(this)'/>";
		//s+="<img src='" + urls[i] + "' class='Thumbnail' onload='Thumbnail_OnLoad(this," + i + ");" + "' onclick='ShowImage(this)'/>";
		s+="</td></tr></table>";
	}
	$("#ThumbnailContainerBlock").html(s);
}

function Thumbnail_OnLoad(o, i)
{
	// hide loaderimgage
	$("#ThumbnailLoader" + i).hide();
	
	$(o).show();

	var aspectRatio = $(o).width() / $(o).height();
	var width=$(o).width();
	var height=$(o).height();

	// zu breit? >160px
	if (width>80)
	{
		width=80;
		height=width/aspectRatio;
	}

	if (height>80)
	{
		height=80;
		width=height*aspectRatio;
	}
	
	$(o).css("width",width + "px").css("height", height+"px");
}

function ShowImage(o)
{
	var s="<img id='BigImage' src='" + $(o).attr("src") + "' onload='BigImage_OnLoad(this)' />";
	$("#ImageContainerCell").html(s);
}

function BigImage_OnLoad(o)
{
	if (o==null) return;

	var maxWidth = $("#ImageContainer").width();
	var maxHeight = $("#ImageContainer").height();
 
	var aspectRatio = $(o).width() / $(o).height();
	var width=$(o).width();
	var height=$(o).height();

	// zu breit? >160px
	if (width>maxWidth)
	{
		width=maxWidth;
		height=width/aspectRatio;
	}

	if (height>maxHeight)
	{
		height=maxHeight;
		width=height*aspectRatio;
	}
	
	if (width<maxWidth&&height<maxHeight&&scaleUpDetailImages==true)
	{
		width=maxWidth;
		height=width/aspectRatio;
		
		if (height>maxHeight)
		{
			height=maxHeight;
			width=height*aspectRatio;
		}
	}
	$(o).width(width).height(height);
}

function SelectTab(el)
{
var tab;
var o;

for(var ii=1;ii<5;ii++)
{
try
{
tab =document.getElementById("Tab" + ii);

o=tab.childNodes[0];
o=o.childNodes[0];
o=o.childNodes[0];
o.className="TabLeftEdge";
o=tab.childNodes[0];
o=o.childNodes[0];
o=o.childNodes[1];
o.className="TabMain";
o=tab.childNodes[0];
o=o.childNodes[0];
o=o.childNodes[2];
o.className="TabRightEdge";
o=document.getElementById("Tab" + ii + "Page");
o.style.display="none";
}catch (ex){}
}
o=el.childNodes[0];
o=o.childNodes[0];
o=o.childNodes[0];
o.className="TabLeftEdgeSelected";
o=el.childNodes[0];
o=o.childNodes[0];
o=o.childNodes[1];
o.className="TabMainSelected";
o=el.childNodes[0];
o=o.childNodes[0];
o=o.childNodes[2];
o.className="TabRightEdgeSelected";


o=document.getElementById(el.id + "Page");
o.style.display="";
}