Sphere = {}
Sphere.Tracker = new function() {
    this.track = function ( ele, site, area ) {
        if( !ele.href ) return;
        var trackimg = new Image();
        trackimg.src = 'http://www.sphere.com/widgets/sphereit/tracker?site='+site+'&area='+area+'&href='+ele.href;
    }
}
Sphere.Widget = new function() {


    var SKELETON_MARKUP = '<iframe id="sphereiframeblock"></iframe><div class="widgetWrapper"><div class="roundTop"></div><div id="widget"><div class="headerBar"><div id="spherelink" class="spherelink">powered by <a href="http://www.sphere.com" id="SphereLogo"></a></div><h1>Related Blogs and Articles</h1><div onclick="Sphere.Widget.close()" class="closeBtn" title="Close"></div></div><div id="sphere_widget_loading" class="loadingArea"><div><img src="http://www.sphere.com/images/sphereit/LoadingGraphic.gif" alt="loading" />We\'re getting you the good stuff...</div></div><div id="sphere_widget_content" class="contentArea"></div></div><div id="roundBot"></div></div>';
    
    var CONTENT_URL = 'http://www.sphere.com/widgets/sphereit/content?siteid=nytimes_science';
    if(document.characterSet) CONTENT_URL += ('&cset='+escape(document.characterSet));
    CONTENT_URL += '&url=';
    var widget; var widgetContent; var widgetLoading;
    var content;
    
    
    appendStylesheet();
    
    
    this.search = function( source ) {
        if( !content || (source && content.source!=source ) ) {
             requestContent( source );
             if( widget ){ widget.parentNode.removeChild(widget); content=null; widget=null; }
        }
        if( !widget ) draw();
        show();
        
        return false;
    }
    
    this.close = function() {
        if( widget ) widget.style.display ='none';
    }

    this.processContent = function (incomingContent) {
        content = incomingContent;
		//alert("processContent:"+content);
        if( !widgetContent ) return;
        widgetContent.innerHTML = content.content;
        widgetContent.style.height = widgetLoading.clientHeight +'px';
        widgetLoading.style.display = 'none';
        widgetContent.style.display = 'block';
                    zoomToFull();
                
    }

		    function requestContent( local ) {
	        //alert("requestContent");
	        var script = document.createElement('script');
	            script.src = CONTENT_URL + escape(local || location.href);
	            document.body.appendChild(script);
	    }
	    
    function zoomToFull() {
        //alert("zoomToFull");
        Animator.add( {
            process: function() {
                if( widgetContent.clientHeight >= widgetContent.scrollHeight-20) {
                    widgetContent.style.height = widgetContent.scrollHeight+'px';
                    if( iecheck() ) { 
                      ieahack(widget.getElementsByTagName("a"));
                      document.getElementById("sphereiframeblock").style.height = (Number(widget.scrollHeight)-24)+'px';
                      document.getElementById("sphereiframeblock").style.display = 'block';
                    } 
                    center();
                    return false;
                }
                widgetContent.style.height = (widgetContent.clientHeight + 20) +'px';
                center();
                return true;
            }
        });
    }
    
    function ieahack( col ) {
        for( var i=0; i<col.length; i++) {
            col[i].style.position = "relative";
        }
    }
    function center() {
		if( !widget || (iecheck((document.compatMode=='BackCompat')?true:false)) ) return;
        windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;       
		widget.style.left = (windowWidth/2 - widget.scrollWidth/2) +'px';
        widget.style.top = (windowHeight/2 - widget.scrollHeight/2) +'px';
         
    }

    function show() {
        if( widget ) widget.style.display ='block';
        if( widget ) widget.style.visibility ='visible';
    }
        
    function draw() {
		
        if( SKELETON_MARKUP ) {
            widget = document.createElement( "div" );
            widget.id = "sphere_widget";
                widget.style.position = (iecheck((document.compatMode=='BackCompat')?true:false))?'absolute':'fixed';     
            widget.innerHTML = SKELETON_MARKUP;
            document.body.appendChild( widget );
            alphaBackgrounds();
            center();
            window.onresize = center;
        }
        //alert("end draw");
        widgetContent = document.getElementById('sphere_widget_content');
        widgetLoading = document.getElementById('sphere_widget_loading');

		if( content ) Sphere.Widget.processContent( content );
    }
		
    function appendStylesheet() {
        stylesheet = document.createElement("link");
        stylesheet.rel = "stylesheet";
        stylesheet.type = "text/css";
        stylesheet.href = "http://www.sphere.com/widgets/sphereit/css?siteid=nytimes_science";
        stylesheet.media = "all";
        document.lastChild.firstChild.appendChild(stylesheet);
    }
    
/*    function zIndexFlashFix() {
        var col = document.getElementsByTagName("embed");
        for( var i=0; i<col.length; i++) {
            var embed = col[i];
            alert(embed.src);
            embed.style.zIndex = "5";
            embed.parentNode.style.zIndex = "5";
            embed.parentNode.parentNode.style.zIndex = "5";
            //embed.setAttribute("wmode","opaque");

            //<PARAM value="#ffffff" name="bgcolor"/>
        }
    }*/
} 

Animator = new function() {
    var interval;
    var effects = [];
    
    this.add = function( effect ) {
        effects.push( effect );
        if( !interval ) start();
    }
    
    function remove() {
        effect = effects.pop();
        if( effect.after_process ) effect.after_process();
        if( effects.length==0 ) stop();
    }
            
    function start() {
        interval = setInterval(heartbeat, 1);
        //alert("Start Animator "+typeof(interval));
    }
    function stop() {
        //alert("stop animator");
        clearInterval( interval );
        interval = null;
    }
    
    function heartbeat() {
        if( effects.length==0 ) { stop(); return; }
        if( effects[0].process) {
            if( effects[0].process() ) effects[0].counter++;
            else remove();
        }
    }
}
function trace( val ) {
    var output = document.getElementById("output");
    if(output) output.innerHTML += (val + "<br/>");
}

function iecheck(inc_seven) {
    if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
	    var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    	var iever = (inc_seven)?(rslt != null && Number(rslt[1]) >= 5.5):(rslt != null && Number(rslt[1]) >= 5.5 && Number(rslt[1]) < 7 );
    }
    return iever;
}

function alphaBackgrounds() {
    //alert("alphaBackgrounds");
    if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
	    var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    	var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5 && Number(rslt[1]) < 7 );
    	for (i=0; i<document.all.length; i++){
    		var bg = document.all[i].currentStyle.backgroundImage;
    		if (itsAllGood && bg){
    			if (bg.match(/[_Bot|_Mid|_Top|_Btn|_alpha_]\.png/i) != null){
    				var mypng = bg.substring(5,bg.length-2);
    				document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')";
    				document.all[i].style.backgroundImage = "none";
    			}
    		}
    	}
    }   
}