function openclose(id)
{
    var obj = document.getElementById(id);
    obj.style.overflow = "hidden";
    var bordertop = obj.style.borderTopWidth;
    obj.style.borderTopWidth = "0";
    var borderbottom = obj.style.borderBottomWidth;
    obj.style.borderBottomWidth = "0";
    if(obj.style.display != "none")
    {
        var height = obj.offsetHeight; 
        obj.style.borderTopWidth = bordertop;
        obj.style.borderBottomWidth = borderbottom;
        var i = height; 
        var timer = setInterval(
        function() {
        if(i <= 4)
        {
        clearInterval(timer);
        obj.style.height = "";
        obj.style.display = "none";
        document.getElementById(id+"-details").style.display = "block";
        }
        else
        {
        obj.style.height = i +"px";
        }
        i = i-10;
        }
        ,1);    
    }
    else
    {
        obj.style.display = "";
        var height = obj.offsetHeight;
        obj.style.borderTopWidth = bordertop;
        obj.style.borderBottomWidth = borderbottom;
        document.getElementById(id+"-details").style.display = "";
        var i = 1;
        obj.style.height = i+"px";
        var timer = setInterval(
        function()
        {
            if((i+10) >= height)
        {
            clearInterval(timer);
            obj.style.height = "";
            obj.style.overflow = "";
        }
        else
        {
            obj.style.height = i+"px";
        }
            i = i+10;
        }
        ,1);
    }
}
function getElementsByClassName(cn){
  var arr = new Array(); 
  var els = document.getElementsByTagName("*");
  var exp= new RegExp("^(.* )?"+cn+"( .*)?$", "g");
  for (var i = 0; i < els.length; i++ ){
    if (exp.test(els[i].className)){
      arr.push(els[i]);
    }
  }
  return arr;
}
function autoclose(classname,from) {
    cbg = getElementsByClassName(classname);
	for (cb = from; cb < cbg.length; cb++)
	{
        cbg[cb].style.display = "none";
        getElementsByClassName('details')[cb].style.display = "block";
    }
}
function start()
{
    autoclose('gallery-list',1);
    autoclose('graduate-list',0);
}
window.onload = start;