var demo = {
	wWidth:0,
	wHeigth:0,
	wScrollY:0,
	wScrollX:0,
	object:"",
	swfContent:document.createElement("div"),
	run:function() {
		window.onresize = demo.resizeMask;
		demo.createMask();
		demo.loadSWF();
	},
    runLink:function() {
		demo.run();
		return false;
	},
	resizeMask:function() {
        demo.getWindowInfo();
        if(document.getElementById("mask")) {
		var mask = document.getElementById("mask");

		var diffX = 0;
		var diffY = 0;
    	if(demo.wWidth < document.documentElement.scrollWidth) {
        	diffX = document.documentElement.scrollWidth - demo.wWidth;
		}
		if(demo.wHeight < document.documentElement.scrollHeight) {
			diffY = document.documentElement.scrollHeight - demo.wHeight;
		}
        mask.style.width = (demo.wWidth + diffX)+"px";
    	mask.style.height = (demo.wHeight + diffY)+"px";


		}
		demo.swfOnCenter();
    },
    createMask:function() {
    	demo.getWindowInfo();
    	var mask = document.createElement("div");
        var diffX = 0;
		var diffY = 0;
    	if(demo.wWidth < document.documentElement.scrollWidth) {
        	diffX = document.documentElement.scrollWidth - demo.wWidth;
		}
		if(demo.wHeight < document.documentElement.scrollHeight) {
			diffY = document.documentElement.scrollHeight - demo.wHeight;
		}
        mask.style.width = (demo.wWidth + diffX)+"px";
    	mask.style.height = (demo.wHeight + diffY)+"px";
        //alert(document.body.scrollHeight+" - "+demo.wHeight);
        mask.id = "mask";
    	mask.style.position = "absolute";
    	mask.style.top = "0";
    	mask.style.left = "0";
    	mask.style.zIndex = "1000";
    	mask.style.background = "#FFF";
    	mask.style.opacity = ".8";
    	mask.style.filter = "alpha(opacity=80)";
    	if(browser.os == "Mac OS X" && browser.name == "Firefox") {
    		;
		} else {
    		document.body.appendChild(mask);
		}
	},
    getWindowInfo:function() {
		var myWidth = 0, myHeight = 0;
		if( typeof( window.innerWidth ) == 'number' ) {
			//Non-IE
			myWidth = window.innerWidth;
			myHeight = window.innerHeight;
		} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			//IE 6+ in 'standards compliant mode'
			myWidth = document.documentElement.clientWidth;
			myHeight = document.documentElement.clientHeight;
		} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			//IE 4 compatible
			myWidth = document.body.clientWidth;
			myHeight = document.body.clientHeight;
		}
      	if(document.all) {
		    posX = document.documentElement.scrollLeft;
		    posY = document.documentElement.scrollTop;
		} else {
		    posX = window.scrollX;
		    posY = window.scrollY;
		}
		demo.wScrollY = posY;
		demo.wScrollX = posX;
	  	demo.wWidth =  myWidth;
	  	demo.wHeight = myHeight;
	},
	loadSWF:function() {
        //var swfContent = document.createElement("div");
        demo.swfContent.id = "swfContent";
        demo.swfContent.style.position = "absolute";
        demo.swfOnCenter();

    	demo.swfContent.style.zIndex = "1500";
    	//demo.swfContent.style.background = "red";
        demo.swfContent.innerHTML = demo.swfStr;
        //demo.swfContent.appendChild(demo.swfObject());
        document.body.appendChild(demo.swfContent);
    },
	swfOnCenter:function() {
		//demo.getWindowInfo();
        //var demo.swfContent = "";
		if(demo.swfContent) {
	        var posTop = ((demo.wHeight/2) - 177);
	    	var posLeft = ((demo.wWidth/2) - 310);
	    	if(posTop < 0) {
	    		posTop = 0;
			}
	        if(posLeft < 0) {
	    		posLeft = 0;
			}
	        demo.swfContent.style.top = posTop + "px";
	    	demo.swfContent.style.left = posLeft + "px";
		}
	},
    close:function() {
    	var mask = document.getElementById("mask");
    	var swfContent = document.getElementById("swfContent");
    	document.body.removeChild(swfContent);
    	document.body.removeChild(mask);
	},
	swfStr_:'<object type="application/x-shockwave-flash" data="swf/monitor2.swf" width="620" height="355">'+
			'    <param name="movie" value="swf/monitor2.swf" />'+
			'    <param name="wmode" value="transparent" />'+
			'    <param name="menu" value="false" />'+
		    '</object>',

    swfStr:	'<object style="z-index:2000;position:relative;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="620" height="355" id="monitor2" align="middle">'+
			'	<param name="allowScriptAccess" value="sameDomain" />'+
			'	<param name="allowFullScreen" value="false" />'+
			'	<param name="movie" value="swf/monitor2.swf" />'+
			'	<param name="quality" value="high" />'+
			'	<param name="wmode" value="transparent" />'+
			'	<param name="bgcolor" value="#ffffff" />'+
            '	<embed src="swf/monitor2.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="620" height="355" name="monitor2" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'+
            '</object>',
 	swfObject:function() {
        if(!demo.object) {
	        demo.object = document.createElement("object");
	 		demo.object.setAttribute("type","application/x-shockwave-flash");
	 		//demo.object.setAttribute("classid","clsid:d27cdb6e-ae6d-11cf-96b8-444553540000");
	 		demo.object.setAttribute("data","swf/monitor2.swf");
	 		demo.object.url = "swf/monitor2.swf";
	 		demo.object.setAttribute("width","620");
	 		demo.object.setAttribute("height","355");
	 		demo.object.setAttribute("id","monitor2");

            //demo.object.width = "620px";
			//demo.object.height = "355px";
			//demo.object.classid= "clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6";
			//demo.object.URL = "swf/monitor2.swf";
			//demo.object.uiMode = "none" ;

            var param1 = document.createElement("param");
	        param1.setAttribute("name","movie");
	        param1.setAttribute("value","swf/monitor2.swf");

            var param2 = document.createElement("param");
	        param2.setAttribute("name","wmode");
	        param2.setAttribute("value","transparent");

	        var param3 = document.createElement("param");
	        param3.setAttribute("name","menu");
	        param3.setAttribute("value","false");

	        demo.object.appendChild(param1);
	 		demo.object.appendChild(param2);
	 		demo.object.appendChild(param3);

	 		//demo.object.innerHTML = '<param name="movie" value="swf/monitor2.swf" />'+
			//'    <param name="wmode" value="transparent" />'+
			//'    <param name="menu" value="false" />';
		}
        //alert(demo.object.innerHTML)
		return demo.object;
    }
}


