function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

function hideExtraFeature(){
	hiddenDivs = getElementsByClassName('showExtraDetails');
	for(i = 0; i < hiddenDivs.length; i++){
		var hiddenDiv = hiddenDivs[i];
		hiddenDiv.className = "hideExtraDetails";
	}
}

function setRollover(){
	var anchors = document.getElementsByTagName("a"); 
	var anchorLength = anchors.length;
	for (var i=0; i<anchorLength; i++) { 
		var anchor = anchors[i]; 
		var anchorRel = anchor.getAttribute("rel")

		if (anchor.getAttribute("rel") == "productRollover") {
			
		    anchor.onmouseover = function() {

				hiddenDivs = getElementsByClassName('showExtraDetailsPanel');
				for(i = 0; i < hiddenDivs.length; i++){
					var hiddenDiv = hiddenDivs[i];
					hiddenDiv.style.display='none';	
				}

				removeHighlights = getElementsByClassName('prod');
				for(i = 0; i < removeHighlights.length; i++){
					var removeHighlight = removeHighlights[i];
					removeHighlight.className='prod prodHighlightBlack';
				}

				var prodID = this.id;
				prodID = prodID.split("--");
				prodID = prodID[0];
				
				var prodHighlight = "prod_" + prodID;
				
				document.getElementById(prodHighlight).className='prod prodHighlightGrey';

				hiddenDivs = getElementsByClassName('showExtraDetailsPanel');
				for(i = 0; i < hiddenDivs.length; i++){
					var hiddenDiv = hiddenDivs[i];
					hiddenDiv.style.display='none';	
				}
				var prodVariant = prodID + "_panel";
					document.getElementById(prodVariant).style.display='block';
			}
		}		
	}
}

function showAllFeatures() {
	if ($('showAllFeatures')){
		$('showAllFeatures').className = "showExtraDetails";
		}
        $('showAllFeatures').onclick = function(){
			hiddenDivs = getElementsByClassName('hideExtraDetails');
			for(i = 0; i < hiddenDivs.length; i++){
				if (hiddenDivs[i].className == "hideExtraDetails") {
					hiddenDivs[i].className = hiddenDivs[i].className.replace('hideExtraDetails', 'showExtraDetails');
				}
			}

		$('showAllFeatures').addClassName('hideExtraDetails');
		$('showAllFeatures').removeClassName('showExtraDetails');
		$('hideAllFeatures').removeClassName('hideExtraDetails');
		$('hideAllFeatures').addClassName('showExtraDetails');

		return(false);
		}		
        $('hideAllFeatures').onclick = function(){
			hiddenDivs = getElementsByClassName('showExtraDetails');
			for(i = 0; i < hiddenDivs.length; i++){
				var hiddenDiv = hiddenDivs[i];
				if (hiddenDiv.className == "showExtraDetails") {
					hiddenDivs[i].className = hiddenDivs[i].className.replace('showExtraDetails', 'hideExtraDetails');
				}
			}

		$('showAllFeatures').removeClassName('hideExtraDetails');
		$('showAllFeatures').addClassName('showExtraDetails');
		$('hideAllFeatures').addClassName('hideExtraDetails');
		$('hideAllFeatures').removeClassName('showExtraDetails');

		return(false);
		}		
	}

	Event.observe ( window, "load", function(){
//		document.getElementById("scrollingBlock").style.display="block";
	hideExtraFeature(); showAllFeatures(); setRollover();
});