var myPopHtml;
var myPopupManager;
var _this = this;

var PopupManager = Class.create({
	
	initialize: function (params) {
		myPopHtml = new PopHtml(params.label,$('myHtmlPop'),params,this._eventsPopHtml.bind(this));
	},
	
	_eventsPopHtml: function (event,name) {
		if (event=='onReady') {
			Event.observe($$('#'+name+' .fermer')[0].getElementsByTagName('a')[0],'click',_this.closePopHTML);	
			_this.popupListener(name);
		}
	}
	
});

function showPopup(popId){
	
	var divUtil = $('myHtmlPop');
  var string = - getLeftOffset(divUtil).toString() + "px";
	divUtil.setStyle({position:"absolute",left:string});
	
	myPopupManager = new PopupManager({label:popId});
}

function basketAddProduct (params) {
	myPopupManager = new PopupManager(params);
}

function basketRemoveProduct (params) {
	myPopupManager = new PopupManager(params);
}

function basketAddAllProducts (params) {
	myPopupManager = new PopupManager(params);
}

function popupListener (name) {
	if (name == 'basketAddProduct') {
		
	}
	else if (name == 'basketRemoveProduct') {
		
	}
	else if (name == 'basketAddAllProducts') {
		
	}
}

function closePopHTML () {
	if(myPopHtml){
		myPopHtml.close();	
	
		var divUtil = $('myHtmlPop');
		while (divUtil.hasChildNodes()){
		  divUtil.removeChild(divUtil.firstChild);
		}
		divUtil.setStyle({display:"block"});
	}
}


function getLeftOffset (element){
  var node = element;
  var offset = 0;
  while (node.offsetParent){
    node=node.offsetParent;
    offset+=node.offsetLeft;
    
  }
  return offset;
}

function removeSelected(seeDefault){
	$$("#myNav .selected").each(function(o){ 
		o.removeClassName("selected");
	});
	if(seeDefault) {
		$$("#myNav a.default").each(function(o){ 
			o.addClassName('selected');
		});
	}
}

Event.observe(window, 'load', function(event) {
    var div = new Element('div', { 'id': 'HTMLPop'});
    Element.insert(document.body, div);
    // pour alignement des libelles du menu
    $$("#myNav a ").each(function(o){ 
	    var tmp = Math.floor(42/2-o.getHeight()/2);
		o.setStyle({ "padding": tmp+"px 0"});

	});
    
});
