function swapImage(src) {
	document.getElementById('prod_image').src = src;
}


function toggle(toggler) {
	if(document.getElementById) {
		var targetElement = toggler.parentNode.nextSibling;
	
		if(targetElement.className === undefined) {
			targetElement = toggler.parentNode.nextSibling.nextSibling;	
		}	

		if (targetElement.style.display == "block") {
			targetElement.style.display = "none";
		}
		else {
			targetElement.style.display = "block";
		}
	}
}


function toggle2(toggler) {
	var divs=document.getElementsByTagName("div");
	
	if(document.getElementById) {
		var targetElement = toggler.parentNode.nextSibling;
	
		if(targetElement.className === undefined) {
			targetElement = toggler.parentNode.nextSibling.nextSibling;	
		}	

		for(var i=0; i<divs.length; i++ ) {
			if(divs[i] != targetElement && divs[i].className == 'expandable') {
				divs[i].style.display = "none";
			}
		}

		if (targetElement.style.display == "block") {
			targetElement.style.display = "none";
		}
		else {
			targetElement.style.display = "block";
		}
	}
}

function toggle3(toggler) {
	var divs=document.getElementsByTagName("div");
	
	if(document.getElementById) {
		var targetElement = toggler.parentNode.nextSibling;
		var img = toggler.getElementsByTagName('img')[0];
		
	
		if(targetElement.className === undefined) {
			targetElement = toggler.parentNode.nextSibling.nextSibling;	
		}	

		for(var i=0; i<divs.length; i++ ) {
			if(divs[i] != targetElement && divs[i].className == 'expandable') {
				divs[i].style.display = "none";
				var h2 = divs[i].previousSibling;
				if(h2.tagName != 'H2')  {
					h2 = divs[i].previousSibling.previousSibling;
				}
				var img2 = h2.getElementsByTagName('img')[0];
				img2.src='../../images/drawer-plus.png';
			}
		}

		if (getStyle(targetElement,'display') === "block") {
			targetElement.style.display = "none";
			img.src='../../images/drawer-plus.png';
		}
		else {
			targetElement.style.display = "block";
			img.src='../../images/drawer-minus.png';
		}
	}
}

function getStyle(oElm, strCssRule){
	var strValue = "";
	if(document.defaultView && document.defaultView.getComputedStyle){
		strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
	}
	else if(oElm.currentStyle){
		strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
			return p1.toUpperCase();
		});
		strValue = oElm.currentStyle[strCssRule];
	}
	return strValue;
}