function addEvent(obj, evType, fn){ 
 if (obj.addEventListener){ 
   obj.addEventListener(evType, fn, false); 
   return true; 
 } else if (obj.attachEvent){ 
   var r = obj.attachEvent("on"+evType, fn); 
   return r; 
 } else { 
   return false; 
 } 
}

function preloadImages(){
	img1= new Image(109,24); 
	img1.src="/support/images/tabOn.gif"; 
	img2= new Image(109,24);
	img2.src="/support/images/tabOff.gif";
	img3= new Image(560,8);
	img3.src="/support/images/tabTop.gif";
	img4= new Image(560,8);
	img4.src="/support/images/tabBot.gif";
}

function tabSel(id){
	switch (id){
		case 'pl1': 
			document.getElementById(id).style.display='block';
			document.getElementById('pl2').style.display='none';
			document.getElementById('pl3').style.display='none';
			document.getElementById('pc1').className='sel';
			if(document.getElementById('pc2') != null){
				document.getElementById('pc2').className='';
			}
			if(document.getElementById('pc3') != null){
				document.getElementById('pc3').className='';
			}
			break;
		case 'pl2': 
			document.getElementById(id).style.display='block';
			document.getElementById('pl1').style.display='none';
			document.getElementById('pl3').style.display='none';
			if(document.getElementById('pc1') != null){
				document.getElementById('pc1').className='';
			}
			document.getElementById('pc2').className='sel';
			if(document.getElementById('pc3') != null){
				document.getElementById('pc3').className='';
			}
			break;
		case 'pl3': 
			document.getElementById(id).style.display='block';
			document.getElementById('pl1').style.display='none';
			document.getElementById('pl2').style.display='none';
			if(document.getElementById('pc1') != null){
				document.getElementById('pc1').className='';
			}
			if(document.getElementById('pc2') != null){
				document.getElementById('pc2').className='';
			}
			document.getElementById('pc3').className='sel';
			break;
	}
}

function ratingMsg(id){
	var divTop = document.getElementById("ratingMsgTop");
	var divBottom = document.getElementById("ratingMsgBottom");
	
	var curSelTop = document.getElementById("currentSelTopValue");
	var curSelBottom = document.getElementById("currentSelBottomValue");
	
	
	curSelTop.value = divTop.innerHTML = "Did this article help you?";
	var num = id;
	switch(num){
		case 1:
			curSelBottom.value = divBottom.innerHTML = "Not even close";
		break;
		
		case 2:
			curSelBottom.value = divBottom.innerHTML = "Not really";
		break;
		
		case 3:
			curSelBottom.value = divBottom.innerHTML = "Sort of";
		break;
		
		case 4:
			curSelBottom.value = divBottom.innerHTML = "Pretty much";
		break;
		
		case 5:
			curSelBottom.value = divBottom.innerHTML = "Absolutely";
		break;
		
		case 6:
			curSelBottom.value = divBottom.innerHTML = "Not rated, be the first.";
		break;
	}
}

function ratingMouseOver(id){
	var divTop = document.getElementById("ratingMsgTop");
	var divBottom = document.getElementById("ratingMsgBottom");
	
	var num = id;
	
	divTop.innerHTML = "Did this article help you?";
	
	switch(num){
		case 1:
			divBottom.innerHTML = "Not even close";
			
		break;
		
		case 2:
			divBottom.innerHTML = "Not really";
		break;
		
		case 3:
			divBottom.innerHTML = "Sort of";
		break;
		
		case 4:
			divBottom.innerHTML = "Pretty much";
		break;
		
		case 5:
			divBottom.innerHTML = "Absolutely";
		break;
		
		case 6:
			divBottom.innerHTML = "Not rated, be the first.";
		break;
	}
}

function ratingMouseOut(){
	
	var divTop = document.getElementById("ratingMsgTop");
	var divBottom = document.getElementById("ratingMsgBottom");

	divTop.innerHTML = document.getElementById("currentSelTopValue").value;
	divBottom.innerHTML = document.getElementById("currentSelBottomValue").value;
	
	
}

function rate(star){
	var result = document.getElementById("ratingResult");
	var rating = document.getElementById("rating");
	result.value = star;
	starsArray[star-1].checked=true;
	
	switch(star){
		case 1:
			rating.className = 'rating onestar-selected';
			ratingMsg(1);
		break;
		
		case 2:
			rating.className = 'rating twostar-selected';
			ratingMsg(2);
		break;
		
		case 3:
			rating.className = 'rating threestar-selected';
			ratingMsg(3);
		break;
		
		case 4:
			rating.className = 'rating fourstar-selected';
			ratingMsg(4);
		break;
		
		case 5:
			rating.className = 'rating fivestar-selected';
			ratingMsg(5);
		break;
	}
}

function getRatingAvg(){
	
		
	var ratingAvg = document.getElementById('ratingAvg').value;
	
	var rating = document.getElementById("rating");
	
	if (ratingAvg >= 0 && ratingAvg <= 5){
		var gRate = ratingAvg.split(".");
		
		switch(gRate[0]){
			case "0":
				rating.className = 'rating nostar';
				
			break;		
			case "1":
				if(gRate[1] <= "24"){
					rating.className = 'rating onestar';
					
				} else if(gRate[1] >= "25" && gRate[1] <= "75"){
					rating.className = 'rating onehalfstar';
					
				} else if(gRate[1] >= "76"){
					rating.className = 'rating twostar';
					
				}
			break;
			
			case "2":
				if(gRate[1] <= "24"){
					rating.className = 'rating twostar';
					
				} else if(gRate[1] >= "25" && gRate[1] <= "75"){
					rating.className = 'rating twohalfstar';
					
				} else if(gRate[1] >= "76"){
					rating.className = 'rating threestar';
					
				}
			break;
			
			case "3":
				if(gRate[1] <= "24"){
					rating.className = 'rating threestar';
					
				} else if(gRate[1] >= "25" && gRate[1] <= "75"){
					rating.className = 'rating threehalfstar';
					
				} else if(gRate[1] >= "76"){
					rating.className = 'rating fourstar';
					
				}
			break;
			
			case "4":
				if(gRate[1] <= "24"){
					rating.className = 'rating fourstar';
					
				} else if(gRate[1] >= "25" && gRate[1] <= "75"){
					rating.className = 'rating fourhalfstar';
					
				} else if(gRate[1] >= "76"){
					rating.className = 'rating fivestar';
					
				}
			break;
			
			case "5":
					rating.className = 'rating fivestar';
					
			break;
		}
	}
	
}


addEvent(window, 'load', preloadImages);