﻿BrightIdea = function(ele, messageWidth, messageHeight){
    BrightIdea.Instance = this;
    
    var bulb = $get(ele).getElementsByTagName('dt')[0];
    this.Bulb = new njs.ui.Element(bulb);
    
    var message = $get(ele).getElementsByTagName('dd')[0];
    this.Message = new njs.ui.Element(message);
    this.Message.Width = (messageWidth == undefined) ? "auto" : messageWidth + "px";
    this.Message.Height = (messageHeight == undefined) ? "auto" : messageHeight + "px";
    
    
    this.IsActive = false;
    
    this.OnClick = function(){
        if(BrightIdea.Instance.IsActive == false){
            BrightIdea.Instance.IsActive = true;
            BrightIdea.Instance.Bulb.SetClass('active');
            BrightIdea.Instance.Message.SetClass('active');
            
            BrightIdea.Instance.Message.Container.style.width = 
                BrightIdea.Instance.Message.Width;
                
            BrightIdea.Instance.Message.Container.style.height = 
                BrightIdea.Instance.Message.Height;
                
            BrightIdea.Instance.SetWindowPosition(BrightIdea.Instance.Message.Container);
        }
        else{
            BrightIdea.Instance.IsActive = false;
            BrightIdea.Instance.Bulb.SetClass('');
            BrightIdea.Instance.Message.SetClass('');
        }
    }

    this.Bulb.AddEvent('click',this.OnClick);
    this.Message.AddEvent('click',this.OnClick);
}
BrightIdea.prototype = new njs.ui.Element;

BrightIdea.prototype.SetWindowPosition = function(objectContainer){
	var wx = document.documentElement.clientWidth;
	var wy = document.documentElement.clientHeight;
	
	var objectWidth = parseInt((objectContainer.style.width).replace(/\D/g,""));
	var objectHeight = parseInt((objectContainer.style.height).replace(/\D/g,""));
	var objectTop = objectContainer.style.position;
	
	/*
	if((mx + w) > wx){
		box.style.left = mx - w +"px";
	}
	else{
		box.style.left = mx +"px";
	}
	
	if((my + h) > wy){
		box.style.top = my - h +"px";
	}
	else{
		box.style.top = my +"px";
	}
	*/
}