function getDefaultView(){
    _overlayAnime.seekTo(1);
    _overlay.style.display='block';
    _overlayAnime.options.onComplete=function(){
        content.style.display='';
        memberInfo.style.display='';
        _overlayAnime.seekTo(0);
        _overlayAnime.options.onComplete=function(){
            _overlay.style.display='';
        }
    };
}
function getMembersIni(){
    memberInfo=getElementsByClassName(document, 'div', 'memberInfo')[0];
    memberInfoHeight=memberInfo.offsetHeight;
    content=getElementsByClassName(document, 'div', 'content')[0];
    thumbs=content.getElementsByTagName('img');
    
     _overlay=document.getElementById('overlay');
    _overlayAnime = new Animator({duration: 300});
    _overlayAnime.addSubject(new NumericalStyleSubject(_overlay, 'opacity', 0, 1));

    for (var i=0; i<thumbs.length; i++){
        attachEventListener(thumbs[i], "mouseover", switchBorderOn, false);
        attachEventListener(thumbs[i], "mouseout", switchBorderOff, false);
        attachEventListener(thumbs[i], "mousedown", getDetails, false);
    }
};
function switchBorderOn(eventType){
    var srcEl=getEventTarget(eventType);
    for (var i=0; i<thumbs.length; i++){
        if(srcEl==thumbs[i]){
            thumbs[i].style.border='solid 1px #00ccff';
        }
    }
}
function switchBorderOff(eventType){
    for (var i=0; i<thumbs.length; i++){
        thumbs[i].style.border='solid 1px #ffffff';
    }
}
function getDetails(eventType){
    var position='';
    var photo=document.getElementById('photo');
    var membersBio=document.getElementById('membersBio');
    var bio=membersBio.getElementsByTagName('div');
    var nameHolder=document.getElementById('name');
    var positionHolder=document.getElementById('position');
    var srcEl=getEventTarget(eventType);
    var thumbPath=srcEl.src.split("/");
    var thumbName=thumbPath[thumbPath.length-1];
    var srcParent=srcEl.parentNode;
    var name=srcParent.getElementsByTagName('strong')[0].firstChild.nodeValue;
    var positionArray=srcParent.getElementsByTagName('span')[0];
    for( var x = 0; positionArray.childNodes[x]; x++ ){
        var entry=positionArray.childNodes[x].nodeValue;
        if(entry==null){
            entry = ' ';
        }
        position+=entry;
    }
    var photoCont=document.getElementById('photoCont');
    photo.src='Images/loading.gif';
    photo.className='preloader';
    
    
    bcgObjects = new Image();
    bcgObjects.onload = function(){
        photo.className='';
	    photo.src='Images/Members/'+thumbName;
	    photo.style.background='';
	}
	bcgObjects.src = 'Images/Members/'+thumbName;
	
    //photo.src='Images/Members/'+thumbName;
    //photo.alt=name;
    nameHolder.innerHTML=name;
    positionHolder.innerHTML=position;
    for (var i=0; i<thumbs.length; i++){
        if(srcEl==thumbs[i]){
            bio[i].style.display='block'; 
        }else{
            bio[i].style.display=''; 
        }
    }
    _overlayAnime.seekTo(1);
    _overlay.style.display='block';
    _overlayAnime.options.onComplete=function(){
        content.style.display='none';
        memberInfo.style.display='block';
        _overlayAnime.seekTo(0);
        _overlayAnime.options.onComplete=function(){
            _overlay.style.display='';
        }
    };
}
addLoadListener(getMembersIni);