////////////////////////////////////////////////////////////
///// This is for showing/hiding elements  ////////////////
//////////////////////////////////////////////////////////

function hide(id){
	// get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(id);
   	styleObject.display ='none';
   	
   	var add_object = getStyleObject('add_prog');
   	if(add_object.display == 'none')
   		add_object.display = 'block';
}

function show(id){
	var styleObject = getStyleObject(id);
   	styleObject.display ='block';
   	
   	var add_object = getStyleObject('add_prog');
   	if(add_object.display == 'block')
   		add_object.display = 'none';
}

function changemode(show,hide){
	var styleObjectShow = getStyleObject(show);
	var styleObjectHide = getStyleObject(hide);
	styleObjectShow.display='block';
	styleObjectHide.display='none';
	
	
}

function getStyleObject(objectId) {
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
		return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
		return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
		return document.layers[objectId];
    } else {
		return false;
    }
}