
function toggleOpen(element) {
	var items = document.getElementById('featurelist').children;
	for (var i=0; i < items.length; i++) {
		var li = items[i];
		if (li == element) {
			if (!li.hasClassName('open')) {
			li.setStyle('height:1em');

				li.addClassName('open')
				var feature = li.id.split('-')[1];
				var span = li.getElementsByTagName('span')[0];
				new Effect.Parallel(
					[
						new Effect.Appear(span.id),
						new Effect.Morph(li.id,{style:'height:3.5em'})
					],
					{ duration: 0.2 }
				)
				document.getElementById('iphonescreen').src = "imgs/screens/"+feature+".png";
			}
			else {
				li.removeClassName('open');
				var span = li.getElementsByTagName('span')[0];
				new Effect.Parallel(
					[
						new Effect.Fade(span.id),
						new Effect.Morph(li.id,{style:'height:1em'})
					],
					{ duration: 0.2 }
				)
			}
		}
		else if (li.hasClassName('open')) {
			li.removeClassName('open');
			var span = li.getElementsByTagName('span')[0];
				new Effect.Parallel(
					[
						new Effect.Fade(span.id),
						new Effect.Morph(li.id,{style:'height:1em'})
					],
					{ duration: 0.2 }
				)
		}
	}
}


