function toggleBox(szDivID, iState) { // 1 visible, 0 hidden
    if(document.layers)	{ //NN4+
       document.layers[szDivID].visibility = iState ? "show" : "hide";
	   document.layers[szDivID].style.padding = iState ? 10 : 0;
    }
    else if(document.getElementById) { //gecko(NN6) + IE 5+
        var obj = document.getElementById(szDivID);
        obj.style.visibility = iState ? "visible" : "hidden";
		obj.style.padding =  iState ? 10 : 0;
    }
    else if(document.all)  { // IE 4
        document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
		document.all[szDivID].style.padding =  iState ? 10 : 0;
    }
}


function resizeDiv(szDivID, newHeight) { // Give this functions a ID name and a new height
    if (document.getElementById) { // FireFox (gecko) and IE+5
        var obj = document.getElementById(szDivID);
		obj.style.height = newHeight+'px';
    } else if(document.all) { // IE 4
		document.all[szDivID].style.height =  newHeight;
    }
}

var stateWelcome = 0; // Setting up the inital state as being closed
function showHideWelcome() { // When called will toogle specific div between two states
	if(stateWelcome==0){ // If the state is 0 open the div and change the state to 1
		resizeDiv('welcomeMe',200);
		stateWelcome = 1;
	}else{ // else make the state 0 and close the div
		resizeDiv('welcomeMe',50);
		stateWelcome = 0;
	}
}

var stateEmail = 0; // Setting up the inital state as being closed
function showHideEmail() { // When called will toogle specific div between two states
	if(stateEmail==0){ // If the state is 0 open the div and change the state to 1
		resizeDiv('emailMe',200);
		stateEmail = 1;
	}else{ // else make the state 0 and close the div
		resizeDiv('emailMe',50);
		stateEmail = 0;
	}
}