//here you place the ids of every element you want.
var classes=new Array();
var globalIterator = 0;

function popGenreArray(){
classes[globalIterator] = document.getElementByClass("movie"+globalIterator).name;
alert(classes[globalIterator]);
globalIterator++; 
}

function switchgenre(selected_genre){	
	hideallids();
	showdiv(selected_genre);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<classes.length;i++){
		hidediv(classes[i]);
	}		  
}

function hidediv(genre) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(genre).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdivs(selected_genre){
        for (var i=0;i<classes.length;i++){
                showdiv(classes[i]);
        }
}





function showdiv(current_genre) {
	//safe function to show an element with a specified id
       
	if (document.getElementByClass.indexOf(current_genre) != -1) { // DOM3 = IE5, NS6
		document.getElementByClass().style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.class.display = 'block';
		}
		else { // IE 4
			document.all.class.style.display = 'block';
		}
	}
}