var numberOfRateGroups=5;
		var activeRateIndex=1;


	/*	wloAddEventListener													*/
	/*	----------------------------------------------------------------	*/
		function wloAddEventListener(element,eventName,functionName){
			if(element.addEventListener){
				element.addEventListener(eventName,functionName,false);
				return true;
			}else if(element.attachEvent){
				var retVal=element.attachEvent("on"+eventName,functionName);
				return retVal;
			}else{
				return false;
			};
		};


		function addEventListeners(e){
			for(var i=0;i<numberOfRateGroups;i++){
				wloAddEventListener(document.getElementById("rateWrap" + i),"mouseover"	,manageViewstate);
				wloAddEventListener(document.getElementById("rateWrap" + i),"mouseout"	,manageViewstate);
				wloAddEventListener(document.getElementById("rateWrap" + i),"click"		,manageViewstate);
			};
		};

		function manageViewstate(e){

			var tile,index;

			tile = e.target ? e.target : e.srcElement;
			tile = getTile(tile);

			if(tile!=null){

			/*	manage hovers for tiles	*/	
				if(tile.className.indexOf("active")<0){
					tile.className = e.type=="mouseover" ? "subn mag" : "subn";
				};

			/*	manage clicks for tiles	*/	
				if(e.type=="click"){
					index=parseInt(tile.id.substr(tile.id.length-1,1));
					activeRateIndex=index;
					for(var i=0;i<numberOfRateGroups;i++){
						if(i==index){
							document.getElementById("rateWrap" + i).className="subn mag active";
						}else{
							document.getElementById("rateWrap" + i).className="subn";
						};
					};
					manageTables(activeRateIndex);
				};

			};
		};


	/*	getTile(node)									*/
	/*	--------------------------------------------	*/
	/*	bubbles up to return a rate tile (or null)		*/

		function getTile(node){
			while(node.parentNode){
				if(node.className.indexOf("subn")>=0)return node;
				node=node.parentNode;
			};
			return null;
		};

		function manageTables(rateIndex){
			for(var i=0;i<numberOfRateGroups;i++){
				document.getElementById("tableRate" + i).style.display="none";
			};
			if(rateIndex!=null){
				document.getElementById("tableRate" + rateIndex).style.display="block";
				document.getElementById("wloHint").style.display="none";
			}else{
				document.getElementById("wloHint").style.display="block";	
			};
			
		};