Widget = Class.create({
  setProperties: generic.updateProperties, 
  initialize: function(o) {  
         if (o) this.setProperties(o);  
         //console.log("Widget.init: "+this.id); 
         this.domNode = false;
         this.children = []; 
     	  
         if (this.templatePath||this.templateString) this.mixInProperties();
         else { //widget has no template    
         	  if ($(this.id))  $(this.id).widget = this; 
         	  this.create();	
         } 
  },
  mixInProperties: function() { 
       //console.log("this.mixInProperties "+this.id+"/"+this.templatePath);  
       var params = {path:this.templatePath,bRefresh:false}; 
       if (this.templateString) params.templateString = this.templateString; 
       generic.templates.factory.get(params).evaluateCallback({
	  object: this,
	  callback: this.handleMixIn.bind(this)
	}); 
  }, 
  handleMixIn: function(html) { 
          html = html.strip();  
          generic.helpers.div.update(html); 
 	this.domNode = generic.helpers.div.firstDescendant();  
          
          var existingContent = false; 
          if ($(this.id)) this.nodeToReplace = $(this.id);
          if (this.nodeToReplace) { //obj with same id might exist, or a different container passed in to be replaced with this node
              //console.log("handleMixIn: this.nodeToReplace "+this.nodeToReplace.id + " /check: "+$("gnav_products"));
              existingContent = this.nodeToReplace.innerHTML; 
              if (this.reinsertNode) {
              	//console.log("this.handleMixIn: this.reinsertNode");
              	this.nodeToReplace.parentNode.removeChild(this.nodeToReplace); //e.g. psubnav_my_mac
              	this.nodeToReplace = false;
              }
          } 
         
          if (this.nodeToReplace) {
          		this.updateMixIn();
          } else {
          		this.insertMixIn();
          }
          
          var self = this;
          this.domNode.widget = self;     
  	this.attachPoints();  
  	this.attachEvents();  
  	this.containerNode = this.containerNode ? this.containerNode : this.domNode;
 
  	if (existingContent) { 
  	   this.containerNode.insert(existingContent);
  	}
  	 
  	this.create(); 
  },
  updateMixIn: function() { 
 	 //console.log("Widget.updateMixIn: "+this.domNode+" "+this.nodeToReplace.id + " /check: "+$("gnav_products"));
           this.nodeToReplace.parentNode.replaceChild(this.domNode, this.nodeToReplace); 
  },
  insertMixIn: function() {
  	if (this.domInsertionMethod) { 
  	     this.domInsertionMethod(this);
  	} else { 
  	   try {  
  	      var container = this.domParent ?  this.domParent : $(this.parentId).widget.containerNode;
  	      if (typeof container == "string") container = $(container); 
  	      //console.log("this.handleMixIn "+this.id+" // "+container.id);    
  	      container.insert(this.domNode);   
  	   } catch(e) {
  	   	console.log("Widget.insertMixIn e: "+this.id+"/"+this.parentId);
  	   }
  	}  
  },
  create: function() {   
  	//console.log("Widget.create: "+this.id);   
  	if ($(this.parentId) && $(this.parentId).widget) {
  		this.parent = $(this.parentId).widget;
  		$(this.parentId).widget.children.push(this); 
  	} else {
  	          //console.log("!! Widget.create: "+this.id +" / "+ this.domParent +" / "+ this.parentId +" / "+ $(this.parentId));	 
  	}   	
  	
  	if (this.postCreate) {
  		this.postCreate();   
  	} 
  },
  attachPoints: function() { 
  	//console.log("Widget.attachPoints "+this.id);    
  	var self = this; 
      try {
	var elemsWithPoints = this.domNode.select("[attachPoint]");   
 	if (null !== this.domNode.getAttribute("attachPoint")) elemsWithPoints.push(this.domNode);  
 	var attachPoint;
 	 
	elemsWithPoints.each(function(elem) {   
	     attachPoints = String(elem.getAttribute("attachPoint")).split(",");  
	     attachPoints.each(function(attachPoint){
	     	//console.log("Widget.attachPoints: "+elem.id+"/"+attachPoint);  
	     	self[attachPoint] = elem; 
	     	self["domNode"].widget[attachPoint] = elem;  
	     }); 
	     
	});
        } catch(e) {
		console.log("Widget.attachPoints e "+ this.domNode + " " +e.description);	
		return;
	}  
  },
  attachEvents: function() { 
  	//console.log("Widget.attachEvents: "+this.id);    
  	var self = this; 
 try {	var elemsWithEvents = this.domNode.select("[attachEvent]"); 
	if (null !== this.domNode.getAttribute("attachEvent")) elemsWithEvents.push(this.domNode);  
	var events, etype, efunc; 
	
	elemsWithEvents.each(function(elem) { 
	     events = String(elem.getAttribute("attachEvent")).split(",");  
	     events.each(function(event){
	     	 event = event.split(":");
	     	 etype = event[0];
	     	 func = event[1]; 
	     	 //console.log('Widget.attachEvents: ' + elem.id + '  attached e ' + func);   
	     	 //if (self[func]) elem.observe(etype,self[func]); //JSTEST ie7 bug  
	     	 if (self[func]) elem["on"+etype] = self[func].bind(self);  
	     }); 
	});
         } catch(e) {
		console.log("Widget.attachEvents e "+ this.domNode + " " +e.description);	
		return;
	}  
  }
});