var panelholder = document.getElementById("s5_user123").offsetHeight + 15;

var panelclick = 0;
var panelbig = 0;
var panelboxbig = 0;

var panelsmall = 0;
var panelboxsmall = 0;
var boxheightquery = 0;


function panel() {

if (panelclick == 0) {
panel3();
document.getElementById("panel_holder").value = "1";
store_form_panel();
}

if (panelclick == 1) {
panel4();
document.getElementById("panel_holder").value = "2";
store_form_panel();
}

}



function panel3() {


if (panelboxbig >= panelholder) {
document.getElementById("s5_user123wrap").style.height = panelholder +'px';
panelclick = 1;
panelboxbig = 0;
panelbig = 0;
}
else {
window.setTimeout('increasepanelbox()',1);
}
}


function increasepanelbox() {
document.getElementById("s5_user123wrap").style.height = panelboxbig +'px';
panel3();
panelboxbig = panelboxbig + 15;
}


function panel4() {

if (document.getElementById("s5_user123wrap").offsetHeight > 1)
{
window.setTimeout('decreasepanelbox()',1);
}

}

function decreasepanelbox() {

panelheightquery = document.getElementById("s5_user123wrap").offsetHeight;
panelheightquery = panelheightquery*1;

document.getElementById("s5_user123wrap").style.height = panelheightquery - 15 +'px';


if (document.getElementById("s5_user123wrap").offsetHeight < 15) {
document.getElementById("s5_user123wrap").style.height = '0px';
panelclick = 0;
}


panel4();
}



     if (document.getElementById("panel_holder").value == "1") {

          document.getElementById("s5_user123wrap").style.height = panelholder +'px';
          document.getElementById("panel_holder").value = "1";
          panelclick = 1;
     }

function loadpanel() {

     if (document.getElementById("panel_holder").value == "" || document.getElementById("panel_holder").value == " " || document.getElementById("panel_holder").value == "undefined") {

          document.getElementById("s5_user123wrap").style.height = panelholder + "px";          
          document.getElementById("panel_holder").value = "1";
          panelclick = 1;

     }
}