//----------------Neue Zoom-Funktion mit Layer -----------------

function closeZoom()
{
	var obj_zoom = document.getElementById("div_overlay_zoomImage")
	if(obj_zoom!= null)
	{
		obj_zoom.parentNode.removeChild(obj_zoom);
	}
}

function cms4d_get_scroll_offset()
{
	var o = new Object();
	o.sx = 0;
	o.sy = 0;
	var sx = 0;
	var sy = 0;
	if(typeof(window.pageYOffset) == 'number')
	{
		//Netscape kompatibel
		sx = window.pageXOffset;
		sy = window.pageYOffset;
	}
	else if(document.body && (document.body.scrollLeft || document.body.scrollTop))
	{
		//Firefox u.ä. DOM kompatible, IE6+ im Normalmodus
		sx = document.body.scrollLeft;
		sy = document.body.scrollTop;
	}
	else if(document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
	{
		//IE6+ im Kompatibilitätsmodus
		sx = document.documentElement.scrollLeft;
		sy = document.documentElement.scrollTop;
	}
	o.sx = sx;
	o.sy = sy;
	return(o);
}

function cms4d_get_client_size()
{
	var o = new Object();
	o.w = 1;
	o.h = 1;
	var cw = 0;
	var ch = 0;
	if(typeof(window.innerWidth) == 'number')
	{
		//alle ausser IE
		cw = window.innerWidth;
		ch = window.innerHeight;
	}
	else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
	{
		//IE 6 und höher, Kompatibilitätsmodus
		cw = document.documentElement.clientWidth;
		ch = document.documentElement.clientHeight;
	}
	else if(document.body && (document.body.clientWidth || document.body.clientHeight))
	{
		//IE 4 o. höher, nicht im Kompatibilitätsmodus
		cw = document.body.clientWidth;
		ch = document.body.clientHeight;
	}
	o.w = cw;
	o.h = ch;
	return(o);
}

function resizeZoomControl()
{
	var obj_zoom = document.getElementById("div_overlay_zoomImage");
	if(obj_zoom!= null)
	{
		
		
		var obj_img = document.getElementById('zoom_img');
		var iw = 1;
		var ih = 1;
		
		if(obj_img != null)
		{
			iw = obj_img.width;
			ih = obj_img.height;
		}
		
		var oSize = cms4d_get_client_size();
		var oScroll = cms4d_get_scroll_offset();
		var t = '';
		t += 'Size W' + oSize.w + ' Size H' + oSize.h ;
	 	//if(iw < oSize.w && ih < oSize.h)
	 	//{
			obj_zoom.style.top = oScroll.sy + 'px';
			obj_zoom.style.left = oScroll.sx + 'px';
			obj_zoom.style.width = oSize.w +'px';
			obj_zoom.style.height = oSize.h +'px';
	
	 //	}

	//	document.title = t;
		
	}
}

function zoom(id)
{
	var objBody = document.getElementsByTagName("body").item(0);

	// Bild laden
	var url = 'cmsimage.asp?id=' + id + '&fkt=3'; //Notwendig fuer nextshop

	//url = id;
	var newImage = new Image();
	newImage.src = url;
	
	var o = cms4d_get_scroll_offset();
	//alert(o.sx + '#' +o.sy);
	// Container mit Lade-Animation erzeugen der das Zoom-Bild enthalten soll
	var obj_zoom = document.getElementById("div_overlay_zoomImage")
	if(obj_zoom!= null)
	{
		obj_zoom.parentNode.removeChild(obj_zoom);
	}
	var wc = document.createElement('div');
	wc.setAttribute('id','div_overlay_zoomImage');
	//wc.style.backgroundImage = 'url(zoom-bg.gif)';
	wc.style.width = '100%';
	wc.style.height = '100%';
	wc.style.position = 'absolute';
	wc.style.top = o.sy + 'px';
	wc.style.left = o.sx + 'px';
	wc.style.zIndex = '20';
	
	var s = '';
	s += '<table width="100%" height="100%" cellpadding="0" border="0" cellspacing="0" id="zoom_tbl">\n';
		s += '<tr>';
			s += '<td align="center" valign="middle" style="background-image:url(images/loader-anim.gif); background-position: center; background-repeat: no-repeat;">';
				s += '<table cellpadding="0" cellspacing="0" style="padding:5px 5px 5px 5px; background-color:#E6E6E6; border: 1px solid #FFFFFF;">';
					s += '<tr>';
						s+= '<td>';
							s += '<div align="right" style="background-color:#0062A5; margin-bottom:2px; padding-right:3px; padding-bottom:1px; padding-top:2px;"><img onclick="closeZoom()" src="images/close-button.gif" style="cursor:pointer; margin-bottom:2px;" /></div>';
							s += '<img id="zoom_img" onclick="closeZoom()" src="images/loader-anim.gif" alt="" title="" style="cursor:pointer; background-color:#FFFFFF; "/>';
						s += '</td>';
					s+= '</tr>';
				s+= '</table>';
				s += '</div>';
			//	s += '<p style="margin-top:0px; padding-top:0px; "><img src="close_button.gif" style="cursor:pointer;" onclick="closeZoom();" alt="" title=""  /></p>\n';
			s += '</td>\n';
		s += '</tr>\n';
	s += '</table>\n';
	wc.innerHTML = s;
	document.body.appendChild(wc);

	// Laden-Animation durch das Zoom-Bild austauschen
	document.getElementById('zoom_img').src = newImage.src;
	newImage = null;
	
	//alert(objBody.innerHTML); // Ausgabe des HTML-DOM
}





// Funktion zum laden und anzeigen von HTML-Dokumenten in einem IFrame
function showdoc(url,w,h)
{
	var objBody = document.getElementsByTagName("body").item(0);
	var o = cms4d_get_scroll_offset();

	// Container mit Lade-Animation erzeugen
	var obj_zoom = document.getElementById("div_overlay_zoomImage")
	if(obj_zoom!= null)
	{
		obj_zoom.parentNode.removeChild(obj_zoom);
	}
	var wc = document.createElement('div');
	wc.setAttribute('id','div_overlay_zoomImage');
	wc.style.width = '100%';
	wc.style.height = '100%';
	wc.style.position = 'absolute';
	wc.style.top = o.sy + 'px';
	wc.style.left = o.sx + 'px';
	wc.style.zIndex = '20';

	//alert(response_text);


	var s = '';
	s += '<table width="100%" height="100%" cellpadding="0" border="0" cellspacing="0" id="zoom_tbl">\n';
		s += '<tr>';
			s += '<td align="center" valign="middle" style="background-image:url(images/loader-anim.gif); background-position: center; background-repeat: no-repeat;">';
				s += '<table cellpadding="0" cellspacing="0" style="padding:5px 5px 5px 5px; background-color:#E6E6E6; border: 1px solid #FFFFFF;">';
					s += '<tr>';
						s+= '<td valign="top" align="left">';
							s += '<div align="right" style="background-color:#0062A5; margin-bottom:2px; padding-right:3px; padding-bottom:1px; padding-top:2px;"><img onclick="closeZoom()" src="images/close-button.gif" style="cursor:pointer; margin-bottom:2px;" /></div>';
							s += '<iframe frameborder="0" border="0" width="' + w + '" height="' + h + '" src="' + url + '"></iframe>';
						s += '</td>';
					s+= '</tr>';
				s+= '</table>';
			s += '</td>\n';
		s += '</tr>\n';
	s += '</table>\n';



	wc.innerHTML = s;
	document.body.appendChild(wc);
}

function getdoc(id,w,h)
{
	//HTML-Doc laden
	var htmldoc_url = 'cmshtmldoc.asp?docid=' + id;
	showdoc(htmldoc_url,w,h);
}