function toggleApplets(id) {
	var viewPortDim = getViewportDimensions();
	var w = viewPortDim.w;
	var h = viewPortDim.h;	
    var fieldDivPos = getElementPosition('field');
    var fieldDivDim = getElementDimensions('field');
    var fieldAppletDim = getElementDimensions('fieldApplet');
    var controlsDivPos = getElementPosition('controls');
    var controlsDivDim = getElementDimensions('controls');
	var filtersDivPos = getElementPosition('filters');
    var filtersDivDim = getElementDimensions('filters');
    var saveStateDivPos = getElementPosition('state');
    var saveStateDivDim = getElementDimensions('state');
	
	if (id == 'enlarge') {
			setStyle('controls', {'display': 'none'})
			setStyle('filters', {'display': 'none'})
			setStyle('state', {'display': 'none'})
			setStyle('footerApplets', {'display': 'none'})
			setStyle('logo', {'display': 'none'})
			setStyle('header', {'display': 'none'})
			setStyle('navbar', {'display': 'none'})
			setStyle('contents_demo', {'display': 'none'})
			
			appear('enlargeBG',{duration:0.0});
			appear('closeFullScreen',{duration:0.0});
			
			fieldDivPos.y = 22;
			fieldDivPos.x = 0;

			fieldDivDim.w = w + MOZILLAHEADER + MOZILLAFILTERSDIVDIMWADJ - 0;
			fieldAppletDim.w = w + MOZILLAHEADER + MOZILLAFILTERSDIVDIMWADJ - 0;
			fieldDivDim.h = h - 22;
			fieldAppletDim.h = h - 22;
			
    		setElementPosition('field',fieldDivPos);
			setElementDimensions('field',fieldDivDim);
			setElementDimensions('fieldApplet',fieldAppletDim);
			
	} else if (id == 'denlarge') {
			fieldDivPos.y = 182;
			fieldDivPos.x = 4;
			
			fieldDivDim.w = w - filtersDivDim.w - 25 + MOZILLAFILTERSDIVDIMWADJ;
			fieldAppletDim.w = fieldDivDim.w - 2;
			fieldDivDim.h = filtersDivDim.h + saveStateDivDim.h + 8;
			fieldAppletDim.h = fieldDivDim.h;
		
    		setElementPosition('field',fieldDivPos);
			setElementDimensions('field',fieldDivDim);
			setElementDimensions('fieldApplet',fieldAppletDim);
			
			setStyle('controls', {'display': 'block'})
			setStyle('filters', {'display': 'block'})
			setStyle('state', {'display': 'block'})
			setStyle('footerApplets', {'display': 'block'})
			setStyle('logo', {'display': 'block'})
			setStyle('header', {'display': 'block'})
			setStyle('navbar', {'display': 'block'})
			setStyle('contents_demo', {'display': 'block'})

			toggle('closeFullScreen','appear',{duration:0.0});
			toggle('enlargeBG','appear',{duration:0.0});
	}
}