/*
    This File creates Balloon style popup links from all Anchor tags with class='popuphelp'
    It depends on YUI yahoo, dom, event, animation
*/
BSD.namespace('BSD.balloon');

/* 
if(typeof trace != 'function'){
    function trace(str){
        if(window.console && window.console.log){
            console.log(str);
        } else {
            document.body.appendChild(document.createTextNode(str));
        }
    }
}
*/
BSD.balloon.Balloon = function(){	
	if(typeof(window.__customObjects) == "undefined"){
		window.__customObjects = [];
	}
	window.__customObjects[this.__gcObjID = window.__customObjects.length] = this;
	this.Init();
}
BSD.balloon.MakeDiv = function(cName, child){
		var d = document.createElement("DIV");
		d.className = cName;
		d.appendChild(child);
		return d;
}
BSD.balloon.Balloon.prototype.Init = function(){
    var MkDiv = BSD.balloon.MakeDiv;
	var p = document.createElement("DIV");		
    p.id = 'balloon_text_container';
	p.innerText = "";
	var cont = MkDiv('b_container SEArr', 
		MkDiv('b_bot', 
			MkDiv('b_top', 
				MkDiv('b_right', 
					MkDiv('b_left', 
						MkDiv('b_topR', 
							MkDiv('b_topL', 
								MkDiv('b_botR', MkDiv('b_botL', p))
							)
						)
					)
				)
			)
		)
	);
    document.body.appendChild(cont);
	this.SetText = function(val) {
		p.innerText = val;
	}
	this.SetHTML = function(html){
		p.innerHTML = html;
	}
    this.GetHeight = function(){
        return parseInt(0 + cont.offsetHeight, 10);
    }
    this.GetWidth = function(){
        return cont.offsetWidth;
    }
	this.SetOrientation = function(newOr){
		var cName = BSD.balloon.Orientations[newOr];
		if(typeof cName == "undefined") {
			alert("Don't Understand Orientation'" + newOr + "'");
			return;
		}
		cont.className = BSD.balloon.Orientations[newOr];		
	}
	this.visible = false;
    this.Hide = function(){
        cont.style.display='none';
        this.visible=false;
        this.SetMask(false);
    }
    this.Show = function(){
        cont.style.display='';
        this.visible=true;
        this.SetMask(true);
    }
    if(typeof YAHOO.util.Anim != 'undefined' && false == true ){
        YAHOO.util.Dom.setStyle(cont, 'opacity', 0);
        this.hide_anim = new YAHOO.util.Anim(cont, {opacity: {to:0.0}}, .51, YAHOO.util.Easing.None);
        this.hide_anim.onComplete.subscribe(function(){
            if(!BSD.balloon.obj.visible){
                cont.style.display = 'none';
            }
        });
        this.Hide = function(){
            this.visible=false;
            this.hide_anim.animate();
            this.SetMask(false);
        }
        this.show_anim = new YAHOO.util.Anim(cont, {opacity: {to:1}}, .51, YAHOO.util.Easing.None);  
        this.FadeIn = function(){
            this.visible=true;
            cont.style.display='';
            this.show_anim.animate();
            this.SetMask(true);
        }
    } else {
        this.FadeIn = this.Show;
        this.FadeOut = this.Hide;
    }
    if(document.all){
        var mask = document.createElement("IFRAME");
        mask.style.display = 'none';
        mask.frameBorder = 0;
        mask.id = "IFRAME_BALLOON_MASK";
        mask.style.position='absolute';
        mask.style.top = '0px';
        mask.style.left ='0px';
        mask.style.backgroundColor = '#eee';
        document.body.insertBefore(mask, cont);
        this.SetMask = function(show){
/*             mask.zIndex = cont.zIndex-4;  */
            mask.style.width=(cont.offsetWidth) + 'px';
            mask.style.height=Math.max(0, cont.offsetHeight-10) + 'px';
            mask.style.display = show ? '' : 'none';
        }
    } else {
        this.SetMask = function(){}
    }
   
    this.ShowAtEl = function(el, offsetTop, offsetLeft){
        var viewport = [ 
            YAHOO.util.Dom.getViewportWidth()/2, 
            YAHOO.util.Dom.getViewportHeight()/2 
        ]; 

        var left = YAHOO.util.Dom.getX(el);
        var pxtop = YAHOO.util.Dom.getY(el);
        var scrollTop = YAHOO.util.Dom.getDocumentScrollTop();
        //if the element is above 1/2 the document, then point the arrow down
        this.Show();
        var N_S = 'N';
        if(pxtop > viewport[1] + scrollTop){
            N_S = 'S';
            var offsetTop = (this.GetHeight()) * -1;
        } else {
            /* we're showing underneath the element give an extra 4px of padding so we don't show up under the mouse by accident  */
            offsetTop = el.offsetHeight + 4;
        }

        var E_W = "W";
        if(left> viewport[0]){
            E_W = 'E';
            var offsetLeft = (this.GetWidth() - 20) * -1;
        }

        cont.style.zIndex = el.zIndex - 1;
        this.SetOrientation(N_S + E_W);
        this.SetPosition(offsetTop ? pxtop + offsetTop : pxtop, offsetLeft ? left + offsetLeft : left);
        this.FadeIn();
        
    }
    this.SetPositionRelative = function(el, offsetTop, offsetLeft){
        var left = YAHOO.util.Dom.getX(el);
        var pxtop = YAHOO.util.Dom.getY(el);
        this.SetPosition(offsetTop ? pxtop + offsetTop : pxtop, offsetLeft ? left + offsetLeft : left);
    }                  
	this.SetPosition = function(pxtop, pxleft) {
		if(pxtop && pxleft){
			cont.style.top = parseInt(pxtop, 10) + 'px';
			cont.style.left = parseInt(pxleft, 10) + 'px';
		}
        if(mask){
            mask.style.left= (parseInt(pxleft, 10) + 0) + 'px';
            mask.style.top = (parseInt(pxtop, 10) + 0) + 'px';
            mask.style.zIndex - cont.style.zIndex - 1;
        }
	}
    this.Dispose = function() {
        for(var prop in this){
            this[prop] = null;
        }
    }                  
	this.domObjID = cont.id = 'balloon_' + this.__gcObjID;
    this.Hide();
	return cont;
}
BSD.balloon.Orientations = {
	"NE" : "b_container NEArr", 
	"NW" : "b_container NWArr",
	"SE" : "b_container SEArr", 
	"SW" : "b_container SWArr"
};
BSD.balloon.hide_balloon = function(){
    if(!BSD.balloon.interrupt){
        BSD.balloon.obj.Hide();
    }
    BSD.balloon.interrupt = false;
}   
BSD.balloon.show_balloon = function(el){
    var help = el.parentNode.help_msg || el.parentNode.getAttribute('help_msg');
    if(!BSD.balloon.obj){
        BSD.balloon.obj = new BSD.balloon.Balloon();
    }
    BSD.balloon.obj.SetHTML(help);
    BSD.balloon.obj.ShowAtEl(el);
}
BSD.balloon.link_mouseover = function(evt){
    /* TODO: make a timeout for showing, so that you can brush over a link without turning it on.  */
    if(BSD.balloon.hide_timeout){
        BSD.balloon.interrupt = true;
        window.clearTimeout(BSD.balloon.hide_timeout);
        BSD.balloon.hide_timeout = null;
    } 
    BSD.balloon.show_balloon(this);   
}
BSD.balloon.link_mouseout = function(e){
    if(BSD.balloon.obj && BSD.balloon.obj.visible && !BSD.balloon.hide_timeout){
        BSD.balloon.hide_timeout = window.setTimeout('BSD.balloon.obj.Hide();', 40); 
    } 
} 
YAHOO.util.Event.addListener(window, 'load', function(){ 
    BSD.balloon.obj = new BSD.balloon.Balloon();
    YAHOO.util.Dom.getElementsByClassName('popuphelp', 'a' , null, function(el){ 
        var img = el.getElementsByTagName('img')[0];
        img.alt = '';
        YAHOO.util.Event.addListener(img, 'mouseover', BSD.balloon.link_mouseover);
        YAHOO.util.Event.addListener(img, 'mouseout', BSD.balloon.link_mouseout);
    });
});