//Interstitial Content Box v1.1- http://www.dynamicdrive.com/dynamicindex17/interstitial.htm
//Last modified: Nov 26th, 06' (New: disable webpage scrollbar, auto hide after x seconds options, 

var interstitialBox={
//1) HTML for the header bar portion of the interstitial box
defineheader: '<div class="headerbar"><a href="#" onClick="javascript:interstitialBox.closeit(); return false"><img src="closeit.gif" style="border: 0" title="Close Box"/></a></div>',

//5) bust caching of pages fetched via Ajax?
ajaxbustcache: true,

//6) Disable browser scrollbars while interstitial is shown (Only applicable in IE7/Firefox/Opera8+. IE6 will just auto scroll page to top)?
disablescrollbars: true,

//7) Auto hide Interstitial Box after x seconds (0 for no)?
autohidetimer: 0,

////No need to edit beyond here//////////////////////////////////

ie7: window.XMLHttpRequest && document.all && !window.opera,
ie7offline: this.ie7 && window.location.href.indexOf("http")==-1, //check for IE7 and offline
launch:false,
scrollbarwidth: 16,

ajaxconnect:function(url, thediv){
	var page_request = false;
	var bustcacheparameter="";
	if (window.XMLHttpRequest && !this.ie7offline) // if Mozilla, IE7 online, Safari etc
		page_request = new XMLHttpRequest()
	else if (window.ActiveXObject) // if IE6 or below, or IE7 offline (for testing purposes)
	{
		try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e){
			try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else
		return false;

	page_request.onreadystatechange=function(){	interstitialBox.loadpage(page_request, thediv) };
	
	if (this.ajaxbustcache) //if bust caching of external page
		bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime();
	page_request.open('GET', url+bustcacheparameter, true);
	page_request.send(null);
},

loadpage:function(page_request, thediv){
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
		document.getElementById("interContent").innerHTML=page_request.responseText;
},

createcontainer:function(){
	//write out entire HTML for Interstitial Box:
	document.write('<div id="interContainer">'+this.defineheader+'<div id="interContent"></div></div>');

	this.interContainer=document.getElementById("interContainer"); //reference interstitial container
	this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body; //create reference to common "body" across doctypes
},

showcontainer:function(){
	if (this.interContainer.style.display=="none") 
		return; //if interstitial box has already closed, just exit (window.onresize event triggers function)
/*
	var ie=document.all && !window.opera;
	var dom=document.getElementById;
	var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset;
	var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset;
	var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth;
	var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight;
	var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight;
	var objwidth=this.interContainer.offsetWidth;
	var objheight=this.interContainer.offsetHeight;

	this.interContainer.style.left=docwidth/2-objwidth/2+"px"; //Position interstitial box
	var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+5+"px"; //Position interstitial box
//	this.interContainer.style.top=Math.floor(parseInt(topposition))+"px";
	this.interContainer.style.top=50;
	this.interContainer.style.width=880;
	this.interContainer.style.visibility="visible" //Show interstitial box;

	if (this.autohidetimer && parseInt(this.autohidetimer)>0 && typeof this.timervar=="undefined")
		this.timervar=setTimeout("interstitialBox.closeit()", this.autohidetimer*1000);*/
var ie=document.all && !window.opera
var dom=document.getElementById
var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth
var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight
var objwidth=this.interContainer.offsetWidth
var objheight=this.interContainer.offsetHeight
this.interContainer.style.left=docwidth/2-objwidth/2+"px" //Position interstitial box
var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+5+"px" //Position interstitial box
//this.interContainer.style.top=(docheight/2-objheight/2)+"px"
//if ((screen.width >= 1280) && (screen.height >= 1024)) {
this.interContainer.style.top=110
this.interContainer.style.visibility="visible" //Show interstitial box
		
},


closeit:function(){
	this.interContainer.style.display="none";
//	if (this.disablescrollbars && window.XMLHttpRequest) //if disablescrollbars enabled and modern browsers- IE7, Firefox, Safari, Opera 8+ etc
//		this.standardbody.style.overflow="auto";
//	if (typeof this.timervar!="undefined") 
//		clearTimeout(this.timervar);
},

getscrollbarwidth:function(){
	var scrollbarwidth=window.innerWidth; //http://www.howtocreate.co.uk/emails/BrynDyment.html
	this.scrollbarwidth=(typeof scrollbarwidth=="number")? scrollbarwidth : this.scrollbarwidth;
},

hidescrollbar:function(){
	if (this.disablescrollbars) //if disablescrollbars enabled
	{
		if (window.XMLHttpRequest) //if modern browsers- IE7, Firefox, Safari, Opera 8+ etc
			this.standardbody.style.overflow="hidden";
		else //if IE6 and below, just scroll to top of page to ensure interstitial is in focus
			window.scrollTo(0,0);
	}
},

dotask:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype;
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false);
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref);
},

initialize:function(){
	this.createcontainer(); //write out interstitial container
//	this.ajaxconnect('samplecontent.htm', this.interContainer); //load page into content via ajax
//	this.dotask(window, function(){interstitialBox.hidescrollbar(); interstitialBox.getscrollbarwidth(); setTimeout("interstitialBox.showcontainer()", 100)}, "load");
//	this.dotask(window, function(){interstitialBox.showcontainer()}, "resize");
}
}

/////////////End of interstitialBox object declaration here ////////////////////////////////

	interstitialBox.initialize();
	
function ZeigeDetails(products_ID) {
  var producturl = 'product_details.php?products_id=' + products_ID;
//	interstitialBox.ajaxconnect('samplecontent.htm', this.interContainer); 
	this.interContainer.style.display="inline";
	interstitialBox.ajaxconnect(producturl, this.interContainer); 
	interstitialBox.showcontainer();
}

function VersteckeDetails() {
	interstitialBox.closeit();
}