var current_feature = '';

function getElementsByClass(searchClass, node, tag) {
    var classElements = new Array();
    if (node == null)
		node = document;
    if (tag == null)
		tag = '*';
    var els = node.getElementsByTagName(tag); // get elements
    var elsLen = els.length;
    var pattern = new RegExp('(^|\\s)' + searchClass + '(\\s|$)');
    for (i = 0, j = 0; i < elsLen; i++) {
		if (pattern.test(els[i].className)) {
			classElements[j] = els[i];
			j++;
		}
    }
    return classElements;
}

// Toggle video 
function showContentBox(feature) {
    current_feature = feature;
    newSelected = document.getElementById(feature);
    newPick = document.getElementById(feature + '_content');

    currentSelected = getElementsByClass('current');
    if (currentSelected[0]) {
        currentSelected[0].className = '';
    }
    currentVideo = getElementsByClass('visible');
    if (currentVideo[0]) {
        currentVideo[0].className = 'preview';
    }
    newSelected.className = 'current';
    newPick.className = 'visible preview';
}