//----------------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 = '3000000';
	
	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:#AB0008; border: 1px solid #FFFFFF;">';
					s += '<tr>';
						s+= '<td>';
							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 += '</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 = '3000000';

	//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:#005197; border: 1px solid #FFFFFF;">';
					s += '<tr>';
						s+= '<td valign="top" align="left">';
							s += '<div align="right" style="background-color:#005197; 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 id="iframe1" 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 = 'show.asp?docid=' + id;
	showdoc(htmldoc_url,w,h);
}




// Funktion zum laden und anzeigen von HTML-Dokumenten in einem IFrame
function video1(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 = '3000000';



	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:#005197; border: 1px solid #FFFFFF;">';
					s += '<tr>';
						s+= '<td valign="top" align="left">';
							s += '<div align="right" style="background-color:#005197; 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 += '<div style="background-color:white;padding:11px;">';
							s += '<object width="468px" height="312px" data="http://static-oa.hrs.com/FlowPlayerLight.swf" type="application/x-shockwave-flash">';
							s += '<param value="http://static-oa.hrs.com/FlowPlayerLight.swf" name="movie"/>';
							s += '<param value="always" name="allowscriptaccess"/><param value="transparent" name="wmode"/>';
							s += '<param value="true" name="allowfullscreen"/>';
							s += '<param value="config={ controlsOverVideo:true, showFullScreenButton:true,showMenu:false,autoRewind: true,autoPlay:true,autoBuffering:false, showPlayListButtons:false, initialScale: \'fill\', loop: \'false\', playList: [ {url: \'\', overlayId: \'play\', overlay: \'\'}, {url: \'http://video.hrs.com/1803/1803/3356afe0d4a301f2cb254df60629f00c9bfe8cb3/videos/hd.flv\'}]}" name="flashvars"/>';
							s += '</object><div width="468px">';
							s += '<font size="1">Copyright HRS, <a href="http://www.hrs.de/hotels/de/deutschland/cochem-rheinland-pfalz/moselromantikhotel-weissmuehle-1803.html" target="_blank">Hotel Moselromantikhotel Weissm&uuml;hle</a></font></div>';
							s += '</div>';

						s += '</td>';
					s+= '</tr>';
				s+= '</table>';
			s += '</td>\n';
		s += '</tr>\n';
	s += '</table>\n';



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