var dev = (dev == undefined) ? "" : dev;

function fullsize_window()
{
	window.moveTo(0,0);
	window.resizeTo(screen.availWidth,screen.availHeight);
}

var neu = "";
function move(wohin)
{
	var item = document.getElementById("inner");
	var menu = document.getElementById("menu");
	var menu_text = document.getElementById("menu_text");

	var asd = document.getElementById("div_prev");
	var next = document.getElementById("div_next");

	if (wohin == "up")
	{
		fromTop = fromTop + 500;
		if (fromTop > 0)
		{
			fromTop = 0;
		}
		menu.style.top = "0px";
	}
	if (wohin == "down")
	{
		fromTop = fromTop - 500;
		if (fromTop <= max_s)
		{
			fromTop = max_s;
			var top_menu = 0+max_real;
			menu.style.top = top_menu + "px";
		}
	}
	neu = fromTop + "px";
	item.style.top = neu;
	var von = ((fromTop*-1)/500)+1;
	var bis = ((max_s*-1)/500)+1;
	if (von > 0 && von <= bis)
	{
		asd.innerHTML = '\<a href = "#a" onclick = "move(\'up\');"\>\<img id = "btn_prev" src = "'+dev+'/core/img/btn_prev.php?dev='+dev+'" width = "129" height = "46" border = "0" alt = "" onmouseover = "this.src = \''+dev+'/core/img/btn_prev.php?dev='+dev+'&ro=true\';" onmouseout = "this.src = \''+dev+'/core/img/btn_prev.php?dev='+dev+'\';">\</a\>';
		next.innerHTML = '\<a href = "#a" onclick = "move(\'down\');"\>\<img id = "btn_next" src = "'+dev+'/core/img/btn_next.php?dev='+dev+'" width = "129" height = "46" border = "0" alt = "" onmouseover = "this.src = \''+dev+'/core/img/btn_next.php?dev='+dev+'&ro=true\';" onmouseout = "this.src = \''+dev+'/core/img/btn_next.php?dev='+dev+'\';"\>\</a\>';
		menu_text.innerHTML = von+"/"+bis;
	}

	if (von == 1)
	{
		asd.innerHTML = "";
	}
	if (von == bis)
	{
		next.innerHTML = "";
	}
	menu_text.innerHTML = von+"/"+bis;
	if (bis == 1)
	{
		menu_text.innerHTML = "";
	}
}

function resize_text()
{
	var text = document.getElementById("text");
	var tOffSet = text.offsetHeight;
	if (tOffSet > 792)
	{
		var multi = Math.ceil(text.offsetHeight/792);
		var h = multi*792;
		text.style.height = h+"px";
		var t = h+400+126+8;
	}
	else if (tOffSet > 392)
	{
		text.style.height = "792px";
	}
	else
	{
		text.style.height = "392px";
	}
}
var maxWidth = 0;
var maxHeight = 0;

function showImage(url, w, h)
{
	document.getElementById("overLay").style.display = "block";
	/*
		document.getElementById("overLay").style.width = "100%";
		document.getElementById("overLay").style.height = "100%";

		document.getElementById("overLayBg").style.width = "100%";
		document.getElementById("overLayBg").style.height = "100%";
	*/
	if (navigator.userAgent.search(/iPad/) != -1 || navigator.userAgent.search(/iPhone/) != -1 || navigator.userAgent.search(/iPod/) != -1)
	{
		document.getElementById("overLay").style.top = window.pageYOffset;
		document.getElementById("overLayBg").style.top = window.pageYOffset;
	}

	maxWidth = document.getElementById("overLay").offsetWidth;
	maxHeight = document.getElementById("overLay").offsetHeight;

	var size = "";
	if (w > maxWidth)
	{
		size = ' width = "'+maxWidth+'"';
		var multi = maxWidth / w;
		var height = h * multi;
		if (height > maxHeight)
		{
			multi = maxHeight / h;
			var width = w * multi;
			size = ' width = "'+ width +'" height = "'+maxHeight+'"';
		}
	}
	else if (h > maxHeight)
	{
		size = ' height = "'+maxHeight+'"';
	}

	//var image = '<a href = "javascript:closeOverlay();"><img src = "'+url+'" border = "0"'+size+'"></a>';
	var image = '<img src = "'+url+'" border = "0"'+size+'" onclick = "closeOverlay();">';
	document.getElementById("image").innerHTML = image;
}

function showImage2(imageId)
{
	var url = imgArray[imageId];
	var w = widthArray[imageId];
	var h = heightArray[imageId];

	document.getElementById("overLay").style.display = "block";

	if (navigator.userAgent.search(/iPad/) != -1 || navigator.userAgent.search(/iPhone/) != -1 || navigator.userAgent.search(/iPod/) != -1)
	{
		document.getElementById("overLay").style.top = window.pageYOffset;
		document.getElementById("overLayBg").style.top = window.pageYOffset;
	}

	maxWidth = document.getElementById("overLay").offsetWidth;
	maxHeight = document.getElementById("overLay").offsetHeight;



	var size = "";
	if (w > maxWidth)
	{
		size = ' width = "'+maxWidth+'"';
		var multi = maxWidth / w;
		var height = h * multi;
		if (height > maxHeight)
		{
			multi = maxHeight / h;
			var width = w * multi;
			size = ' width = "'+ width +'" height = "'+maxHeight+'"';
		}
	}
	else if (h > maxHeight)
	{
		size = ' height = "'+maxHeight+'"';
	}

	//var image = '<a href = "javascript:closeOverlay();"><img src = "'+url+'" border = "0"'+size+'"></a>';
	var image = '<img src = "'+url+'" border = "0"'+size+'" onclick = "closeOverlay();">';
	document.getElementById("image").innerHTML = image;
}
function displayImage(imageId)
{
	document.getElementById("imageLink").innerHTML = '<a href = "javascript:currImage();"><img src = "'+dev+'/core/img/darker.png" border = "0"></a>';

	currentImage = imageId;
	document.getElementById("imageCounter").innerHTML = currentImage+" / "+maxImage;
	document.getElementById("imageCounter").style.backgroundImage = "url("+dev+"/core/img/alpha50.png)";
	document.getElementById("imageDescription").innerHTML = "";
	if (nameArray[imageId] != "" && priceArray[imageId] != "" && colorArray[imageId] != "")
	{
		document.getElementById("imageDescription").innerHTML = '<span style = "font-size:31px;">'+nameArray[imageId]+'</span><br><span style = "font-size:20px;">&euro; '+priceArray[imageId]+'</span><br><span style = "font-size:12px;">AVAILABLE IN:<br>'+colorArray[imageId]+'</span>';
	}

	var url = mImgArray[imageId];
	var image = '<img src = "'+url+'" border = "0" onclick = "showImage2('+ currentImage +');">';
	document.getElementById("imageDisplay").innerHTML = image;
}

function displayImageFromOverview(imageId)
{
	closeOverlay();
	displayImage(imageId);
}

function overView()
{
	document.getElementById("overLay").style.display = "block";

	if (navigator.userAgent.search(/iPad/) != -1 || navigator.userAgent.search(/iPhone/) != -1 || navigator.userAgent.search(/iPod/) != -1)
	{
		document.getElementById("overLay").style.top = window.pageYOffset;
		document.getElementById("overLayBg").style.top = window.pageYOffset;
	}

	var image = "";
	for (var i = 1; i < tImgArray.length; i++)
	{
		var url = tImgArray[i];

		image += '<img src = "'+url+'" border = "0" onclick = "displayImageFromOverview('+i+');" style = "margin-right:4px; margin-bottom:4px;">';
	}
	document.getElementById("image").innerHTML = image;
}

function nextImage()
{
	currentImage++;
	if (currentImage > maxImage)
	{
		currentImage = 1;
	}
	displayImage(currentImage)
}
function currImage()
{
	showImage2(currentImage);
}
function prevImage()
{
	currentImage--;
	if (currentImage < 1)
	{
		currentImage = maxImage;
	}
	displayImage(currentImage)
}

function closeOverlay()
{
	document.getElementById("overLay").style.display = "none";
	document.getElementById("image").innerHTML = "";
}