var tjs_w3c = (document.getElementById)  ? true : false;
var tjs_ie4 = (document.all && !tjs_w3c) ? true : false;
var tjs_ie5 = (document.all &&  tjs_w3c) ? true : false;
var tjs_ns4 = (document.layers) ? true : false;
var mouseX = 0;
var mouseY = 0;
var relContentX = 0;
var	relContentY = 0;
var relContentXWeb = 0;
var	relContentYWeb = 0;

function ShowPopupPic(picpath)
{
	var elemContent = document.getElementById('BGBrowser');

	var windowWidth = window.outerWidth;
	if(windowWidth == undefined)
	{
		windowWidth = elemContent.style.width;
	}

	//var popupLeft = parseInt(windowWidth) / 2 - 155;
	var popupLeft = parseInt(windowWidth) / 2 + 195;
	var popupTop = parseInt(elemContent.scrollTop) + 133;

	//alert(popupTop+'/'+popupLeft);
	var elem = document.getElementById('popupBoxBild');
	elem.style.left = popupLeft + 'px';
	elem.style.top  = popupTop + 'px';

	var elempic = document.getElementById('imgPopupBildBox');
	elempic.src = picpath;
}

function tjs_getElement( id )
{
	if( tjs_ns4 )
		return findlayer( id, document );
	else if( tjs_ie4 )
		return document.all[id];
	else
		return document.getElementById( id );
}
function tjs_show( id )
{
	var elem = tjs_getElement( id );
	if( tjs_ns4 )
		elem.visibility = "show";
	else
	{
		//alert('tjs_show: '+id);
		//elem.style.visibility = "visible";
		elem.style.display = "block";
	}
}
function tjs_hide( id )
{
	var elem = tjs_getElement( id );
	if( tjs_ns4 )
		elem.visibility = "hide";
	else
	{
		//alert('tjs_hide: '+id);
		//elem.style.visibility = "hidden";
		elem.style.display = "none";
	}
}
function tjs_move_relativ_to_contentWeb( id, x, y )
{
	//var elemContent = document.body;
	var elemContent = tjs_getElement('BGBrowser');
	var elem = tjs_getElement( id );

	x = x + elemContent.scrollLeft;
	y = y + elemContent.scrollTop;
	
	//alert(x+'/'+y);
	
	if( tjs_ns4 )
		elem.moveTo( x, y );
	else
	{ 
		elem.style.left = x + 'px';
		elem.style.top  = y + 'px';
	}
}
function tjs_move( id, x, y )
{
	var elem = tjs_getElement( id );
	if( tjs_ns4 )
		elem.moveTo( x, y );
	else
	{ 
		elem.style.left = x + 'px';
		elem.style.top  = y + 'px';
	}
}

function tjs_trackMouseEvent( evt )
{
  if( !tjs_ie4 && !tjs_ie5 )
  {
	mouseX = evt.pageX;
	mouseY = evt.pageY;
  }
  else
  {
	mouseX = event.clientX;
	mouseY = event.clientY;
	if( document.body.scrollLeft )
	  mouseX += document.body.scrollLeft;
	if( document.body.scrollTop  )
	  mouseY += document.body.scrollTop;
  }
  return false;
}
function tjs_trackMouseEvent_WebShop( evt )
{
	if( !tjs_ie4 && !tjs_ie5 )
	{
		mouseX = evt.pageX;
		mouseY = evt.pageY;
		relContentX = mouseX;
		relContentY = mouseY;
		relContentXWeb = mouseX;
		relContentYWeb = mouseY;
	}
	else
	{
		mouseX = event.clientX;
		mouseY = event.clientY;
		if( document.body.scrollLeft )
		{
			mouseX += document.body.scrollLeft;
			relContentX = document.body.scrollLeft;
		}
		if( document.body.scrollTop  )
		{
			mouseY += document.body.scrollTop;
			relContentY = document.body.scrollTop;
		}

		var elem = tjs_getElement('ContentWeb');
		if( elem.scrollLeft )
		{
			relContentXWeb = elem.scrollLeft;
		}
		if( elem.scrollTop  )
		{
			relContentYWeb = elem.scrollTop;
		}
	}
	return false;
}

///////////////////////////////

//Popup Zoom
var zoomFaktor=0;
var zoomTimeOut;
function Popup_zoomIn(id, height, strSuch, sys_session_sess)
{
	zoomFaktor+=10;
	if(zoomFaktor<=height)
	{
		document.getElementById(id).style.height=zoomFaktor+"px";
		zoomTimeOut = window.setTimeout("Popup_zoomIn(\'" + id + "\', \'" + height + "\')", 10);
	}
	else
	{
		loadHTML('shop/search_products.php?'+sys_session_sess+'&search='+strSuch, 'OverlayBox_Inhalt');
	}
}
function Popup_show(id, height, strSuch, sys_session_sess)
{
	loadHTML('search_products_box.php?'+sys_session_sess+'&search='+strSuch, 'OverlayBox_Inhalt');
}

///////////////////////////////

//Overlay Box ein-/ausblenden
function openOverlayBox(sys_session_sess, BoxTop)
{
	var BoxHeight = 400;
	var BoxWidth = 400;

	//Style Left ermitteln
	var elemContent = document.getElementById('BGBrowser');
	var windowWidth = window.innerWidth;
	if(windowWidth == undefined)
	{
		windowWidth = elemContent.style.width;
	}
	var BoxLeft = (parseInt(windowWidth) / 2) - 488;
	
	var SearchOff = document.getElementById('SearchOff');
	if(SearchOff.checked==false)
	{
		var strSuch = document.getElementById('search').value;
		
		if(strSuch.length>2)
		{
			var OverlayBox = document.getElementById('OverlayBox');
	
			//OverlayBox.style.height=BoxHeight+"px";
			OverlayBox.style.width=BoxWidth+"px";
			OverlayBox.style.top=BoxTop+"px";
			OverlayBox.style.left=BoxLeft+"px";
			OverlayBox.style.display="block";
			
			loadHTML('search_products_box.php?'+sys_session_sess+'&search='+strSuch, 'OverlayBox_Inhalt');
			
			//Popup_show('OverlayBox', strSuch, sys_session_sess);
			//Popup_zoomIn('OverlayBox', '500', strSuch, sys_session_sess);
		}
		else
		{
			closeOverlayBox();
		}
	}
}

function closeOverlayBox()
{
	//alert('OverlayBox wird jetzt geschlossen');
	document.getElementById('OverlayBox').style.display="none";
}