//window.onload = init;
   
   var frameLeft;
   var frameRight;
   var showboxes=false;
   
   function init(){
            
//            var i=0;
//            for(;;){
//                
//                if (document.getElementById('nerdbox_'+i)){
//                    
//                    document.getElementById('nerdbox_'+i).onclick = function(){
//                             
//                        openLightBox('start.php?loginid=1&buttonid='+i,300,325);
//                    }
//         
//                }
//                else break;    
//                
//            i++;
//            }
//            document.getElementById('btnOpenLightBox').onclick = function(){
//                
//                //onclick="openLightBox('start.php?loginid=1',300,325);
//                openLightBox('start.php?loginid=1',300,325);
//                //openLightBox('leftframecontents.htm',300,325);
//                //openLightBox('chatprogram/leftframecontents.htm',300,325);
//            }
            
//            document.getElementById('btnCloseLightBox').onclick = function(){
//            
//                closeLightBox();
//            }
            
            document.getElementById('btnCloseRightLightBox').onclick = function(){
            
                BodyLeftMoveCenter();
            }
            
                         //alert(url);
            
            if (window.frames["frame-left"]==null) {
                //alert('window.frames[frame-left]==null');
                frameLeft = document.getElementById('frame-left');
                frameRight = document.getElementById('frame-right');
                //alert(frameLeft);
            }
            else {
                frameLeft = window.frames["frame-left"];
                frameRight = window.frames["frame-right"];
            }
            
            if (showboxes) {
                
                document.getElementById('sb-wrapper').style.border="1px solid blue";
                document.getElementById('sb-body-right-wrapper').style.border="1px solid red";
                document.getElementById('sb-body-left-wrapper').style.border="1px solid red";
                document.getElementById('sb-body-left-close').style.border="1px solid white";
                document.getElementById('sb-body-right-close').style.border="1px solid white";
                
            }
   }
   
    
    /**
     * Sets the top of the container element. This is only necessary in IE6
     * where the container uses absolute positioning instead of fixed.
     *
     * @return  void
     * @private
     */
    function fixTop(){
       
        //U.get('sb-container').style.top = document.documentElement.scrollTop + 'px';
        document.getElementById('sb-overlay').style.top = document.documentElement.scrollTop + 'px';
    }
    
    

    function CaptureScrollForIE6() {
       
       if (is.ie6) {
        window.onscroll = fixTop;
       }
//       else {
//        window.onscroll = centerWrapper();
//       }
    }    
    
    window.onscroll = function() {
        
       if (is.ie6) {
        window.onscroll = fixTop;
       }
        centerWrapper();
    
    }

            
    function BrowserCheck() {
        var b = navigator.appName
        if (b=="Netscape") this.b = "ns"
        else if (b=="Microsoft Internet Explorer") this.b = "ie"
        else if (b=="Opera") this.b = "op"
        else this.b = b
        this.v = parseInt(navigator.appVersion)
        this.ns = (this.b=="ns" && this.v>=4)
        this.ns4 = (this.b=="ns" && this.v==4)
        this.ns5 = (this.b=="ns" && this.v==5)
        this.ie = (this.b=="ie" && this.v>=4)
        this.op = (this.b=="op" && this.v>=7)
        this.ie4 = (navigator.userAgent.indexOf('MSIE 4')>0)
        this.ie5 = (navigator.userAgent.indexOf('MSIE 5')>0)
        this.ie55 = (navigator.userAgent.indexOf('MSIE 5.5')>0)
        this.ie6 = (navigator.userAgent.indexOf('MSIE 6')>0)
        if (this.ie55) {
            this.v = 5.5;
            this.ie5 = false;
        }
        this.mac = (navigator.userAgent.indexOf('Mac')>0);
        if (this.ie5) this.v = 5
        this.min = (this.ns||this.ie)
    }

    // automatically create the "is" object
    is = new BrowserCheck()

    var middleSpacer = 20;
    var padding=6
//    var middleSpacer = 20;
//    var padding=6
    if (is.b=="ie"){
        middleSpacer-=padding;
    }
    var closeDivHeight = 20;

    function unloadNerdBox(){

        try {
            var func = frameLeft.document.body.onunload;
            if (func)
                func();  
            else
                frameLeft.onunload();
        }catch(e){}
            
    }
    function unloadRightFrame(){
        try{
            var func = frameRight.document.body.onunload;
            
            if (func)
                func();  
            else
                frameRight.onunload();
           
        }catch(e){}
            
    }
    function setFrameURL(frame,url){
        //alert(frame);
        switch(frame){
            case "left":
    //                    if (document.getElementById('sb-body-left-wrapper').style.display==='none'){
    //                        
    //                    }
                if (url=="clear") {
                        try{ // will throw "access is denied" error 
                             // if frame loaded 404 page
                             //alert(frameLeft.src)
                            if (frameLeft.document) { // ie
                                 frameLeft.document.body.innerHTML="";                                    
                                 //frameLeft.document.body.close();
                                 unloadNerdBox();
                            }
                            else {
                                frameLeft.src=""; // ff
                            }
                        }catch(e){} // ignore "access is denied" errors
                }
                else {
                    if (frameLeft.src) {
                        //alert(frame + ' ' + url);
                         
                            frameLeft.src = url;
                    }
                    else {
                        //alert(frame + ' ' + url);
                         
                         frameLeft.location = url;
                    }
                }
                break;
            case "right":
                //alert(url);
                if (url==="clear") {
                       // ignore "access is denied" error that will occur
                       // if opened 404 page
                       try {
                           if (frameRight.document) { // ie
                             frameRight.document.body.innerHTML = "";
                             //frameRight.document.body.close();
                             unloadRightFrame();
                           }
                           else {  // ff
                             frameRight.src = "";
                           }
                       }catch(e){} //ignore "access is denied" error
                }
                else {
                    try {
                        if (document.getElementById('sb-body-right-wrapper').style.display==='none'){
                            BodyLeftMoveLeft();
                        }
                        
                        if (frameRight.src) { // ff
                             frameRight.src = url;
                        }
                        else {  //ie
                        
                             frameRight.location = url;
                        }
                    }catch(e){}
                }
                break;
        }

    }

    function resizeFrame(frame,width,height){
        
        var wrapperwidth;
        var wrapperheight;
        //alert(frame);
        if (frame=="right"){
            
            if (document.getElementById('sb-body-right-wrapper').style.display=="block"){
            
                
                
                document.getElementById('sb-body-right-wrapper').style.width=width+'px';
                document.getElementById('sb-body-right-wrapper').style.height=height+closeDivHeight+'px';
                
                wrapperwidth = document.getElementById('sb-body-right-wrapper').offsetWidth + document.getElementById('sb-body-left-wrapper').offsetWidth + middleSpacer;
                document.getElementById('sb-body-right-wrapper').style.left= document.getElementById('sb-body-left-wrapper').offsetWidth + middleSpacer;
                document.getElementById('sb-wrapper').style.width = wrapperwidth + 'px';
                
                //document.getElementById('sb-wrapper').style.marginLeft= (-.5 * wrapperwidth) + "px";
                
                
                bodyLeftHeight = document.getElementById('sb-body-left-wrapper').offsetHeight+closeDivHeight;                    
                
                bodyRightHeight= document.getElementById('sb-body-right-wrapper').offsetHeight;                    
                document.getElementById('sb-body-right-close').style.top = bodyRightHeight + 'px';
                bodyRightHeight+=closeDivHeight;
                wrapperHeight = (bodyLeftHeight>bodyRightHeight)?bodyLeftHeight:bodyRightHeight;                    
                document.getElementById('sb-wrapper').style.height = wrapperHeight + 'px';
                //alert('Left: ' + bodyLeftHeight + ' Right:' + bodyRightHeight + ' wrapperHeight: ' + wrapperHeight + '\r\n Leftwidth: ' + document.getElementById('sb-body-left-wrapper').offsetWidth + ' Rightwidth: ' + document.getElementById('sb-body-right-wrapper').offsetWidth  + ' MiddleSpacer: ' + middleSpacer + ' wrapperWidth: ' + wrapperwidth );
              //parent.Shadowbox.dynamicResize(wrapperwidth,wrapperheight);
                //var viewerHeight = getViewerHeight();
                //var tempTop = ((viewerHeight-wrapperHeight)>0)?(viewerHeight-wrapperHeight)/2:0;
                //document.getElementById('sb-wrapper').style.top = tempTop + 'px';
                
                //document.getElementById('sb-body-left').style.border=(padding*.5) + "px solid #8CC63F";
                //document.getElementById('sb-body-right').style.border=(padding*.5)+ "px solid #8CC63F";
               
                centerWrapper();
                
                
            }
        }
        else {
             
             
                //alert('width:' + width + ' height:' + height);
                document.getElementById('sb-body-left-wrapper').style.width=width+'px';
                document.getElementById('sb-body-left-wrapper').style.height=height+closeDivHeight+'px';
                
                if (document.getElementById('sb-body-left-wrapper').style.display=="none"){
                    document.getElementById('sb-body-left-wrapper').style.marginLeft = (-.5 * width) + "px";
                }
                else {
                    document.getElementById('sb-body-left-wrapper').style.left="0px";
                    document.getElementById('sb-body-left-wrapper').style.marginLeft="0px";                        
                }
                var rightFrameWidth = 0;
                var rightFrameHeight = 0;
                if (document.getElementById('sb-body-right-wrapper').style.display=="block"){
                    rightFrameWidth = document.getElementById('sb-body-right-wrapper').offsetWidth + middleSpacer;
                    rightFrameHeight= document.getElementById('sb-body-right-wrapper').offsetHeight+closeDivHeight;
                }
                
                var leftFrameWidth = document.getElementById('sb-body-left-wrapper').offsetWidth;
                document.getElementById('sb-body-right-wrapper').style.left = leftFrameWidth + middleSpacer + 'px';
                
                wrapperwidth = document.getElementById('sb-body-left-wrapper').offsetWidth + rightFrameWidth;
                //alert(rightFrameWidth);
                document.getElementById('sb-wrapper').style.width = wrapperwidth + 'px';
                //document.getElementById('sb-wrapper').style.marginLeft= (-.5 * wrapperwidth) + "px";
                
                bodyLeftHeight = document.getElementById('sb-body-left-wrapper').offsetHeight;
                document.getElementById('sb-body-left-close').style.top = bodyLeftHeight + 'px';
                bodyLeftHeight += closeDivHeight;
                bodyRightHeight= rightFrameHeight;
                var wrapperHeight = (bodyLeftHeight>bodyRightHeight)?bodyLeftHeight:bodyRightHeight;                    
                document.getElementById('sb-wrapper').style.height = wrapperHeight + 'px';
                
              //parent.Shadowbox.dynamicResize(wrapperwidth,wrapperheight);
                //var viewerHeight = getViewerHeight();
                //var tempTop = ((viewerHeight-wrapperHeight)>0)?(viewerHeight-wrapperHeight)/2:0;
                //document.getElementById('sb-wrapper').style.top = tempTop + 'px';
                           
                               
                centerWrapper();                   
                
                
    //                    var viewerHeight = getViewerHeight();
    //                    var tempTop = ((viewerHeight-wrapperHeight)>0)?(viewerHeight-wrapperHeight)/2:0;
    //                    document.getElementById('sb-wrapper').style.top = tempTop + 'px';
                
                /*
                wrapperwidth = document.getElementById('sb-body-right-wrapper').offsetWidth + document.getElementById('sb-body-left-wrapper').offsetWidth;
                document.getElementById('sb-wrapper').style.width = wrapperwidth;
                document.getElementById('sb-wrapper').style.marginLeft= (-.5 * wrapperwidth) + "px";
                
                bodyLeftHeight = document.getElementById('sb-body-left-wrapper').offsetHeight;
                bodyRightHeight= document.getElementById('sb-body-right-wrapper').offsetHeight;                    
                document.getElementById('sb-wrapper').style.height = (bodyLeftHeight>bodyRightHeight)?bodyLeftHeight:bodyRightHeight;
                */
            
        }
        
    }
            
    window.onresize = function(){
     
       centerWrapper();
     
     }
	 
	 function getScrollHeight(){
		 
		var h = window.pageYOffset ||
			   document.body.scrollTop ||
			   document.documentElement.scrollTop;
			   
		return h ? h : 0;
	 }
	 
	 function getScrollWidth()
	 {
	   var w = window.pageXOffset ||
			   document.body.scrollLeft ||
			   document.documentElement.scrollLeft;
			   
	   return w ? w : 0;
	 } 
    	     
     function centerWrapper(){
        
         var wrapperHeight = document.getElementById('sb-wrapper').offsetHeight;                   
        //document.getElementById('sb-wrapper').style.height = wrapperHeight;
        
        var viewerHeight = getViewerHeight();
        var tempTop = ((viewerHeight-wrapperHeight)>0)?(viewerHeight-wrapperHeight)/2:0;
		tempTop += getScrollHeight();
        document.getElementById('sb-wrapper').style.top = tempTop + 'px';
        
        var wrapperWidth = document.getElementById('sb-wrapper').offsetWidth;                   
        //document.getElementById('sb-wrapper').style.height = wrapperHeight;
        
        var viewerWidth = getViewerWidth();
        var tempLeft = ((viewerWidth-wrapperWidth)>0)?(viewerWidth-wrapperWidth)/2:0;
		tempLeft += getScrollWidth();
        document.getElementById('sb-wrapper').style.left = tempLeft + 'px';
     
     
     }

    function getViewerHeight(){
		var h=0;
        if (self.innerHeight){ // all except Explorer 
        	 h= self.innerHeight; 
		}             
        else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode 
         	h= document.documentElement.clientHeight; 
		}
        else if (document.body){ // other Explorers 
         h= document.body.clientHeight; 
		}
		//alert('h: ' + h + ' scrollHeight: ' + getScrollHeight());
		return h;
    }
    function getViewerWidth(){
		var w= 0;
        if (self.innerHeight) { // all except Explorer 
         w= self.innerWidth; 
		}
        else if (document.documentElement && document.documentElement.clientHeight){ // Explorer 6 Strict Mode 
         w= document.documentElement.clientWidth;
		}
        else if (document.body){ // other Explorers 
         w= document.body.clientWidth;
		}
		return w;
    }
    	    
    function BodyLeftMoveCenter(){	    
       
        document.getElementById('sb-body-right-wrapper').style.display='none';
        setFrameURL("right","clear");
        var sbBodyLeftWrapper= document.getElementById('sb-body-left-wrapper');
         document.getElementById('sb-wrapper').style.width=sbBodyLeftWrapper.offsetWidth + 'px';
         document.getElementById('sb-wrapper').style.height=sbBodyLeftWrapper.offsetHeight + 'px';
        sbBodyLeftWrapper.style.left = "50%";
        sbBodyLeftWrapper.style.marginLeft=  (-.5 * sbBodyLeftWrapper.offsetWidth) + "px";
        centerWrapper();
        
        
     }
     function BodyLeftMoveLeft(){	     
        
        document.getElementById('sb-body-right-wrapper').style.display='block';
        var sbBodyLeftWrapper= document.getElementById('sb-body-left-wrapper');
        sbBodyLeftWrapper.style.left = "0px";
        sbBodyLeftWrapper.style.marginLeft="0px";
        
     }
     function openLightBox(url,width,height,shClose,showBorder){
        
        
        //showBorder = showBorder || true;
        //shClose = shClose || true;
        //alert(shClose);

        setFrameURL("left",url);
        document.getElementById('sb-body-right-wrapper').style.display='none';
        document.getElementById('sb-container').style.display='block';
        //CaptureScrollForIE6();
        document.getElementById('sb-overlay').style.display='block';	        
        document.getElementById('sb-wrapper').style.display='block';	        
        document.getElementById('sb-body-left-wrapper').style.display='block';
        if (showBorder==false) {
            
            document.getElementById('sb-body-left').style.border= "0px";
        }
        //alert(shClose);
        if (shClose==false) {
           document.getElementById('sb-body-left-close').style.display="none";
        }
        else {
            document.getElementById('sb-body-left-close').style.display="block";
        }
        resizeFrame("left",width,height);
        centerWrapper();
        //BodyLeftMoveCenter();	       
     
     }
     
     function closeLightBox(){
        
        window.scroll = null;
        setFrameURL("left","clear");
        setFrameURL("right","clear");
        document.getElementById('sb-body-right-wrapper').style.display='none';
        document.getElementById('sb-body-left-wrapper').style.display='none';	        
        document.getElementById('sb-wrapper').style.display='none';
        document.getElementById('sb-overlay').style.display='none';
        document.getElementById('sb-container').style.display='none';
     
     }
     
     function injectNerdBox(){
     
     
        var markup = '<div id="sb-container">' +
                        '<div id="sb-overlay"></div> <!-- needed for FF -->' +
                            '<div id="sb-wrapper">' +
                            '<div id="sb-body-left-wrapper">' +
                                '<div id="sb-body-left">' +
                                    '<iframe src=""; id="frame-left" noresize="no" frameborder="0" style="border:1px solid #ffffff border-left: 0; border-bottom: 0; border-top: 0; width:100%; height:100%;"></iframe>' +
                                '</div>' +
                                '<div id="sb-body-left-close">' +
                                        '<a href = "javascript:void(0)" onclick="closeLightBox();">Close</a>' +
                                        '<a href="javascript:void(0);" onclick = "BodyLeftMoveLeft();" >open lb 2</a>' +
                                '</div>' +
	                        '</div>' +                    		
	                        '<div id="sb-body-right-wrapper">' +
                                '<div id="sb-body-right">' +
                                    '<iframe src=""; id="frame-right" noresize="no" frameborder="0" style="border:1px solid #ffffff border-left: 0; border-bottom: 0; border-top: 0; width:100%; height:100%;"></iframe>' +
                                '</div>' + 
                                '<div id="sb-body-right-close"><a href = "javascript:void(0);" onclick="BodyLeftMoveCenter();">Close</a></div>' +
                            '</div>' +
                        '</div>' +
                     '</div>'; 
                     
                     
     
     }