var lrr = { panelsHidden: true, ignoreBodyClick: false };
lrr.panels = ['lrr_cart','lrr_search', 'lrr_login'];

var togglePanel = function(id, display) {
	if(display == null) display = 'block';
	panels = lrr.panels;
	var marginLeft = 5;
	var width_offset = 0;
	for(var i in panels) {
		try {
			var node = document.getElementById(panels[i]);
			node.style.left = (width_offset + (marginLeft * i -1)) * -1;
			width_offset += document.getElementById(node.id+'_btn').firstChild.offsetWidth;
			if(panels[i] != id && !lrr.ignoreBodyClick) {
				node.style.display = 'none';
				deactivatePanelBtn(panels[i]);
			}
		} catch(e) {}
	}
	try {
		var node = document.getElementById(id);
		node.style.display = display;
		lrr.panelsHidden = display == 'none';
		lrr.ignoreBodyClick = true;
		if(!lrr.panelsHidden) {
			activatePanelBtn(id);
		}
	} catch(e) { 
		lrr.panelsHidden = true;
		lrr.ignoreBodyClick = false;
	}
}

function activatePanelBtn(id) {
	try {
		var node = document.getElementById(id+'_btn').firstChild;
		node.className = "selected";
	} catch(e) {}
}

function deactivatePanelBtn(id) {
	try {
		var node = document.getElementById(id+'_btn').firstChild;
		node.className = "";
	} catch(e) {}
}

var addEvent = function (el, ev, fn) {
    if (el.addEventListener) {
        el.addEventListener(ev, fn, false);
    } else if (el.attachEvent) {
        el.attachEvent('on' + ev, fn);
    } else {
        el['on' + ev] = fn;
    }
};

addEvent(document.getElementsByTagName('body')[0], 'click', togglePanel);