/* --------------------------------------------------------------------------------
DESCRIPTION:	Toggles element display
-------------------------------------------------------------------------------- */ 

function toggleProductDisplay() {
	for (var i=0;i<arguments.length;i++){
		var d = $(arguments[i]);
		if (d.style.display == 'none') d.style.display = 'block';
		else d.style.display = 'none';
	}
}

/* --------------------------------------------------------------------------------
DESCRIPTION:	Toggles product display using script.aculo.us effects
-------------------------------------------------------------------------------- */ 

function toggleProduct(num,numelems,opennum,animate) {
	if ($('product'+num).style.display == 'none'){
		for (var i=0;i<=numelems;i++){
			if ((opennum == null) || (opennum != i)){
				var tempc = 'product'+i;
				var c = $(tempc);
				if(c.style.display != 'none'){
					if (animate || typeof animate == 'undefined') Effect.toggle(tempc,'appear',{ delay: 0.5, duration:0.25, queue: { scope:'list' } } );
					else toggleProductDisplay(tempc);
				}
			}
		}

		var tempc = 'product'+num;
		var c = $('product'+num);
		if (animate || typeof animate == 'undefined') Effect.toggle(tempc,'appear',{ duration: 0.5, queue: { scope:'list', position:'end' } } );
        	else toggleProductDisplay('product'+num);
	}
}

/* --------------------------------------------------------------------------------
DESCRIPTION:	Makes hover for list objects a tags
-------------------------------------------------------------------------------- */ 

elementHover = function() {
	var elements = document.getElementById("productCarouselList").getElementsByTagName("A");
	for (var i=0; i<elements.length; i++) {
		elements[i].onmouseover=function() {
			this.className+=" hover";
		}
		elements[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" hover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", elementHover);