// on page load call listInit
window.addEvent('domready', listInit);


var imgOn = 'url(pool/img/bg_list_pfeil_offen.gif) 567px 6px no-repeat';
var imgOff = 'url(pool/img/bg_list_pfeil.gif) 570px 4px no-repeat';
var lastElement = null;


function listInit()
{
	$$("a.bulletPoint").each(function(el,i){
		//var img = el.getStyle("background");
		el.onclick = function(){
            return displayItem(el);
		}
    });
}

function extractIdfromUrl(url)
{
	//todo solve this with reg expr
	var parts = url.split('?');
	var query = parts.pop()
	parts = query.split('&');
	query = parts.shift();
	return query.substr(query.indexOf('=')+1,query.length)
}

function displayItem(el)
{
    var id = extractIdfromUrl(el.href);
    if (!$(id)) {
		return true;
	}
    $(id).setStyle("display","block");
	el.onclick = function(){
		return hideItem(el);
	}
    if( lastElement && (lastElement.href != el.href)) {
		hideItem(lastElement);
    }
    lastElement = el;
	el.setStyle("background",imgOn);
    return false;
}

function hideItem(el)
{
    var id = extractIdfromUrl(el.href);
    if (!$(id)) {
		return true;
	}
    $(id).setStyle("display","none");
	el.onclick = function(){
    	return displayItem(el);
	}
	el.setStyle("background",imgOff);
	return false;
}