/**
 * PDF zum Bestellzettel hinzufügen
 * @param item
 */
function addItemToDownloadsCart(item)
{
	//displayOverlay(500);
	displayTransparencyLayer();
	showDownloadsCartFlashOverlay(500);
	
//	contentNode = document.getElementById("overlayContainerContent");
//	contentNode.innerHTML = content;
    
	xajax_addItemToDownloadsCart(item);
	
	setOverlayPosition();
}

function showDownloadsCartFlashOverlay(width)
{
	var objBody = $$('body')[0];
	var arrayPageSize = getPageSize();
	var layer = "overlayContainer";
	
	offsetTop = (window.pageYOffset != undefined) ? window.pageYOffset+50 : document.documentElement.scrollTop+50;
	//container div erstellen und an body anhaengen
	containerNode = Builder.node('div',{id: layer});
    objBody.appendChild(containerNode);
    
    //header mit logo
    headerNode = $(layer).appendChild(Builder.node('div',{id: 'overlayHeaderLogo'}));
    headerNode.appendChild(Builder.node('img', {src: 'project/media/images/logo.gif'}));
    
    //container div
    $(layer).appendChild(Builder.node('div',{id: 'overlayContainerContent'}));
    
    //oberen abstand abhaengig von der scrollposition setzen
    $(layer).style.top	   = offsetTop+'px';
    $(layer).style.width = width+'px';
    
    //container im body zentrieren
}

function displayPageflip(directory)
{
    displayOverlay(780);
 //   alert(directory);
    var content = '<div class="flashHeader"> </div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="780" height="630" id="pageflip_loader" align="middle">'
                 +'<param name="allowScriptAccess" value="sameDomain" />'
                 +'<param name="allowFullScreen" value="false" />'
                 +'<param name="movie" value="'+directory+'/pageflip_loader.swf?xmlFile='+directory+'/pagedata35.xml" />'
                 +'<param name="quality" value="high" />'
                 +'<param name="base" value="'+directory+'" />'
                 +'<param name="bgcolor" value="#ffffff" />'
                 +'<embed src="'+directory+'/pageflip_loader.swf?xmlFile='+directory+'/pagedata35.xml" quality="high" bgcolor="#ffffff" width="780" height="630" name="pageflip_loader" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'
                 +'</object>';
    /*
    scriptNode = Builder.node("script", {language: "javascript"});
    
    scriptText = document.createTextNode(
                  "<script language=\"javascript\">"
                 +"AC_FL_RunContent("
                 +"'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',"
                 +"'width', '680',"
                 +"'height', '560',"
                 +"'src', '"+directory+"/pageflip_loader',"
                 +"'quality', 'high',"
                 +"'pluginspage', 'http://www.macromedia.com/go/getflashplayer',"
                 +"'align', 'middle',"
                 +"'play', 'true',"
                 +"'loop', 'true',"
                 +"'scale', 'showall',"
                 +"'wmode', 'window',"
                 +"'devicefont', 'false',"
                 +"'id', 'pageflip_loader',"
                 +"'bgcolor', '#f0f0f0',"
                 +"'name', 'pageflip_loader',"
                 +"'menu', 'true',"
                 +"'allowFullScreen', 'false',"
                 +"'allowScriptAccess','sameDomain',"
                 +"'movie', '"+directory+"/pageflip_loader',"
                 +"'salign', ''"
                 +");"
                 +"</script>");
      scriptNode.appendChild(scriptText);
      */
      contentNode = document.getElementById("overlayContainerContent");
      contentNode.innerHTML = content;
      //contentNode.appendChild(scriptNode);
      
      setOverlayPosition();
}

function displayProductFlash(fileName, flashWidth, flashHeight)
{
    displayOverlay(flashWidth);
    var param = (flashWidth > 309 && flashHeight > 136) ? "project/media/js/swfobject/expressInstall.swf" : false;
    swfobject.embedSWF( fileName, "overlayContainerContent", flashWidth, flashHeight, "9.0.0", param, false);
    setOverlayPosition();
}

function displayOverlay(width)
{
    displayTransparencyLayer();
    showFlashOverlay(width);
}

function displayTransparencyLayer()
{
    var objBody = $$('body')[0];
	var arrayPageSize = getPageSize();

	
	//add overlay
	objBody.appendChild(Builder.node('div',{id:'contentOverlay'}));
	//wenn body width kleiner als screenwidth: leftOffset setzen auf (body-width - screenwidth)/2
	var leftOffset = (arrayPageSize[0] > objBody.offsetWidth) ? Math.floor((objBody.offsetWidth-arrayPageSize[0])/2) : 0;
	overlayLayer = document.getElementById('contentOverlay');
	$('contentOverlay').hide();
	overlayLayer.style.opacity = '0';
	overlayLayer.style.width   = arrayPageSize[0]+'px';
	overlayLayer.style.height  = arrayPageSize[1]+'px';
	overlayLayer.style.left	   = leftOffset+'px';
	overlayLayer = document.getElementById('contentOverlay');
	new Effect.Appear(overlayLayer, { duration: 0.2, from: 0.0, to: 0.4 });
}

function showFlashOverlay(width)
{
	var objBody = $$('body')[0];
	var arrayPageSize = getPageSize();
	var layer = "overlayContainer";
	
	offsetTop = (window.pageYOffset != undefined) ? window.pageYOffset+50 : document.documentElement.scrollTop+50;
	//container div erstellen und an body anhaengen
	containerNode = Builder.node('div',{id: layer});
    objBody.appendChild(containerNode);
    
    //header mit logo
    headerNode = $(layer).appendChild(Builder.node('div',{id: 'overlayHeaderLogo'}));
    headerNode.appendChild(Builder.node('img', {src: 'project/media/images/logo.gif'}));
    
    //container div
    $(layer).appendChild(Builder.node('div',{id: 'overlayContainerContent'}));
    
    //footer
    footerNode = $(layer).appendChild(Builder.node('div',{id: 'overlayFooter'}));
    closeLinkNode = footerNode.appendChild(Builder.node('a',{href: 'javascript:void(null);', onclick: 'hideOverlayContent();'}));
    closeLinkNode.appendChild(document.createTextNode('\u00BB schliessen'));
    
    //oberen abstand abhaengig von der scrollposition setzen
    $(layer).style.top	   = offsetTop+'px';
    $(layer).style.width = width+'px';
    
    //container im body zentrieren
    
}

function setOverlayPosition()
{
    var layer = "overlayContainer";
    var objBody = $$('body')[0];
    containerWidth = $(layer).offsetWidth;
    $(layer).style.left = (objBody.offsetWidth-containerWidth) /2+'px';
}

function hideOverlayContent()
{
    var objBody = $$('body')[0];
    ov = objBody.removeChild(document.getElementById("contentOverlay"));
    objBody.removeChild(document.getElementById("overlayContainer"));
} 

function getPageSize() {
	        
	     var xScroll, yScroll;
		
		if (window.innerHeight && window.scrollMaxY) {	
			xScroll = window.innerWidth + window.scrollMaxX;
			yScroll = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			xScroll = document.body.scrollWidth;
			yScroll = document.body.scrollHeight;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			xScroll = document.body.offsetWidth;
			yScroll = document.body.offsetHeight;
		}
		
		var windowWidth, windowHeight;
		
		if (self.innerHeight) {	// all except Explorer
			if(document.documentElement.clientWidth){
				windowWidth = document.documentElement.clientWidth; 
			} else {
				windowWidth = self.innerWidth;
			}
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
		}	
		
		// for small pages with total height less then height of the viewport
		if(yScroll < windowHeight){
			pageHeight = windowHeight;
		} else { 
			pageHeight = yScroll;
		}
		// for small pages with total width less then width of the viewport
		if(xScroll > windowWidth){	
			pageWidth = xScroll;		
		} else {
			pageWidth = windowWidth;
		}
		//alert(xScroll);
        //
        // ZEHNDER specific modifications
        //
        // body width is set to 922px, so the lightbox overlay does not show up
        // as expected. To fix this just calculate the 'visible' width of the
        // body container
        //
        //pageWidth = pageWidth-(pageWidth-922);
        
		return [pageWidth,pageHeight];
	}