var numberOfRateGroups=5;
		var numberOfRateTypes=2;
		
		var activeRateIndex=null;
		var activeTypeIndex=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);
			};

			wloAddEventListener(document.getElementById("rateType1"),"click"	,manageTileLocks);
			wloAddEventListener(document.getElementById("rateType0"),"click"	,manageTileLocks);

			manageTileLocks();

		};

		function manageViewstate(e){

			var tile,index;

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

			if(tile!=null){

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

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

			};
		};



		function manageTileLocks(){

			var radio, index;
			var setup=new Array();

			setup[0]=new Array(true ,false,false,true ,true);
			setup[1]=new Array(true ,true ,true ,true ,true);

			index = getTypeIndex();
			activeTypeIndex=index;

			for(var i=0;i<numberOfRateGroups;i++){
				if(document.getElementById("rateWrap" + i).className.indexOf("active")>=0){
					document.getElementById("rateWrap" + i).className = (setup[index][i]==true) ? "subn mag active" : "subn disabled";
				}else{
					document.getElementById("rateWrap" + i).className = (setup[index][i]==true) ? "subn" : "subn disabled";
				};
			};
			
			manageTables(activeTypeIndex,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 getTypeIndex(){
			if(document.getElementById("rateType0").checked==true){return 0;}
			if(document.getElementById("rateType1").checked==true){return 1;}
			return null;
		};

		function getRateIndex(){
			for(var i=0;i<numberOfRateGroups;i++){
				if(document.getElementById("rateWrap" + i).className.indexOf("active")>=0){return i;}
			};
			return null;
		};

		
		function manageTables(typeIndex,rateIndex){
			var atLeastOneActive=false;
			for(var i=0;i<numberOfRateGroups;i++){
				for(var j=0;j<numberOfRateTypes;j++){
					document.getElementById("tableRate" + i + "Type" + j).style.display="none";
				};
			};
			if(rateIndex!=null){
				document.getElementById("tableRate" + rateIndex + "Type" + typeIndex).style.display="block";
				document.getElementById("wloHint").style.display="none";
			}else{
				document.getElementById("wloHint").style.display="block";	
			};
			document.getElementById("wloHint").style.display = (getRateIndex()==null) ? "block" : "none";	
		};