try {
    document.addEventListener('DOMContentLoaded', function () {
    var firstLetter = document.getElementById('A');
    contentHeight = firstLetter.offsetHeight;
    document.getElementById('memberlistContainer').style.height = contentHeight+'px';
    firstLetter.style.left = '0';
    init();}
    , false);
}
catch (e) {
    window.attachEvent('onload', function () {
    try {
        var firstLetter = document.getElementById('A');
        contentHeight = firstLetter.offsetHeight;
        document.getElementById('memberlistContainer').style.height = contentHeight+'px';
        firstLetter.style.left = '0';
    } catch (e) {}
    init();}
    );
}

//addEvent(document,'DOMContentLoaded',init());

function init() {
    var z = getElementsByClass('span','iNav');
    for (var i = 0; i < z.length; i++) {
        addEvent(z[i],'click',gotoLetter);
    }
}

function gotoLetter(e) {
    
    try {
        if (slider) {
            window.clearInterval(slider);
        }
    } catch(error) {}
    
    var element = getCallerObject(e);
    var init = element.innerHTML;
    var iNavDiv = getElementsByClass('div','iNav');
    var iNavSpansTop = iNavDiv[0].childNodes;
    var iNavSpansBottom = iNavDiv[1].childNodes;
    for (var y=0; y < iNavSpansTop.length; y++) {
        var oldClass = iNavSpansTop[y].className;
        var newClass = oldClass.replace(/active/g,'');
        if (iNavSpansTop[y].innerHTML == init) {
            iNavSpansTop[y].setAttribute('class','iNav active');
            iNavSpansBottom[y].setAttribute('class','iNav active');
        } else {
            iNavSpansTop[y].setAttribute('class',newClass);
            iNavSpansBottom[y].setAttribute('class',newClass);
        }
    }
    //element.setAttribute('class','iNav active');
    var listContainer = document.getElementById('memberlistContainer');
    var memberLists = listContainer.childNodes;
    for (var i=0; i < memberLists.length; i++) {
        try {
            memberLists[i].style.left = '600px';
        } catch(e) {}
    }
    var divToShow = document.getElementById(element.innerHTML);
    slider = window.setInterval(function() {
        slideIn(divToShow);
    },1);
    contentHeight = divToShow.offsetHeight;
    document.getElementById('memberlistContainer').style.height = contentHeight+'px';
    return false;
}

function slideIn(element) {
    leftPos = parseInt(element.style.left,10);
    if (leftPos <= 0) {
            window.clearInterval(slider);
    } else {
        element.style.left = leftPos-20+'px';
    }
}

function slide(element) {
    alert(element);
    window.clearInterval(aktiv);
}

// HELPER FUNCTIONS
//------------------

function getElementsByClass(elementName,className) {
    var returnElements = new Array();
    var elementName = (elementName) ? elementName : 'div';
    var elementList = document.getElementsByTagName(elementName);
    for (var i = 0; i < elementList.length; i++) {
        if (elementList[i].className == className) {
            returnElements.push(elementList[i]);
        }
    }
    if (returnElements.length > 0) {
        return returnElements
    } else {
        return false;
    }
}

function addEvent(element,event,fn) {
    if (element.addEventListener) {
        // mozilla
        element.addEventListener(event,fn,false);
    } else {
        // IE
        element.attachEvent('on'+event,fn);
    }
}

function removeEvent(element,event,fn) {
    if (element.removeEventListener) {
        // mozilla
        element.removeEventListener(event,fn,false);
    } else {
        // IE
        element.detachEvent('on'+event,fn);
    }
}

function getCallerObject(e) {
    if (!e) {
		var e = window.event
	}
	// get the Element, that triggered the event
	if (e.target) {
		// Mozilla
		var callerObject = e.target;
	} else if (e.srcElement) {
		// IE
		var callerObject = e.srcElement;
	}
	return callerObject;
}