//-- SoapBlox JavaScript
//-- 7/30/2007 (C)

	var req;
	var which;
	var debug = false;
	var commentId = "";
	var diaryId = "";
	var previewTitle = "";
	var previewText = "";
	var postingComment = false;
	var canPost = false;
	var previewingComment = false;
	var hasError = false;
	var buttonState;
	
	function hover(id, imageLoc) {
		// alert(imageLoc);
		document.images[id].src = imageLoc;
	}

	// makes a comment appear when someone clicks "post a comment" or "reply"
	// id - the commentId (0 if "root"), dId - diaryId
	function makeCommentAppear(id, dId) {

		var tempTitle = "";
		var tempText = "";
	
		// if this isn't empty, we were trying to perviously post a comment
		// therefore, we need to clean out all the html in the previous spot
		// so we don't create "nodeLists" for postCommentTextArea and Title
		if (commentId != "") {
			// get the current "postcommenter" element
			var oldElem = document.getElementById('postcomment' + commentId);
	
			if (oldElem) {
				// this will store whatever we might have had before
				if (document.forms['rateForm'].elements['postCommentTitle']) {
					tempTitle = document.forms['rateForm'].elements['postCommentTitle'].value;
				}	
				if (document.forms['rateForm'].elements['postCommentTextArea']) {
					tempText = document.forms['rateForm'].elements['postCommentTextArea'].value;
				}
			
				// clear out the old HTML, so we don't create nodeLists
				oldElem.innerHTML = "";
			}
		}
	
		hideArea("post");

		// store the values globally for what we're currently looking at
	    commentId = id;
	    diaryId = dId;
	    
	    var elementName = 'postcomment' + id;
	    
	    // make sure the element is hidden
		Element.hide(elementName);

		// set the data in it		
	    document.getElementById(elementName).innerHTML = document.getElementById("contentHolder").innerHTML;
		document.forms['rateForm'].elements['postCommentTitle'].value = tempTitle;
		document.forms['rateForm'].elements['postCommentTextArea'].value = tempText;
	
		// make it slide down, take half a second, scaleFrom 3 to avoid "stutter" in IE
		Effect.SlideDown(elementName, { duration: 0.5, scaleFrom: 3});
		window.setTimeout("document.forms['rateForm'].elements['postCommentTitle'].focus()", 501);
		
	    postingComment = true;
	    // since we're starting a new preview cycle, we're going to need
	    // to use the slide down effect.  This ensures that
	    previewingComment = false;

	    var objDiv = document.getElementById(elementName);
		objDiv.scrollTop = objDiv.scrollHeight;
	}

	// what we do when someone hits cancel
	function cancelPost() {

		var cTextElem = document.forms['rateForm'].elements['postCommentTextArea'];
		var cTitleElem = document.forms['rateForm'].elements['postCommentTitle'];
		
		if ((cTextElem && cTextElem.value != "")
				|| (cTitleElem && cTitleElem.value != ""))
		{
			// if the don't want to cancel--stop.
			if (!confirm("Cancel this comment?")) {
				return;
			}
		}

		hideArea("cancel");
		// we no longer clear this out so in makeCommentAppear we can see if we have to clean
		// out some hidden HTML
		//commentId = "";
		diaryId = "";
		previewText = "";
		previewTitle = "";
		cTextElem.value = "";
		cTitleElem.value = "";
		previewingComment = false;	
		postingComment = false;
	}
	
	// this is the safari default button hack, where we use onfocus to determine what mode we're in
	function setButtonState(theValue) {
		buttonState = theValue;
	}

	// it's how we post a comment!
	function submitForm(theForm) {
	
		// alert(buttonState + " " + previewingComment);
	
		// stop the "enter in the subject" bug
		if (buttonState == "post" && !previewingComment
		 		|| buttonState == "post" && previewingComment && !canPost) {
			previewComment(theForm);
			return false;
		}
		

		var theForm = document.forms['rateForm'];	
		theForm.action = baseUrl + "postComment.do";
		theForm.elements['replyParentCommentId'].value = commentId;

		if (commentId == 0) {
			theForm.elements['diaryId'].value = diaryId;	
		}
		else {
			theForm.elements['commentId'].value = commentId;	

		}
		
		theForm.elements['replyDiaryId'].value = diaryId;	
		theForm.elements['submitType'].value = "post";	
		
		// alert("yo" + theForm.elements['submitType']);
		theForm.method = "POST";
		theForm.submit();
	}

	// trims a string
	function trim(str) {     
		if(!str || typeof str != 'string') {
			return null;     
		}
			
		return str.replace(/^[\s]+/,'').replace(/[\s]+$/,'').replace(/[\s]{2,}/,' '); 
		
	}

	function previewComment(theForm) {
	
		// if (tinyMCE) {
			// tinyMCE.triggerSave();
		// }
		
		// alert(baseUrl);

		var url = baseUrl + "ajaxPreviewComment.do";
		var errorDiv = "errorcomment" + commentId;
		
		// hide any error we might have
		if (hasError) {
			Element.hide(errorDiv);
		}
			
		var cTitleElem = document.forms['rateForm'].elements["postCommentTitle"];
		var cTextElem =  document.forms['rateForm'].elements["postCommentTextArea"];
	
		
		previewTitle = cTitleElem.value;
		previewText = cTextElem.value;
	
	    // trim it so we remove the white sapces
	    previewTitle = trim(previewTitle);

	    // if we have nothing, set the error
	    if (previewTitle == null || previewTitle == "") {
			Effect.Appear(errorDiv, { duration: 0.5 });
			disallowPost();
			hasError = true;
	    	return;
	    }

	    // if we get this far we don't have an error!
	    hasError = false;
	    
	    // apparently using "escape" funcation messes with utf-8 so we just explicity
	    // replace newlines with their url-encoding equavilent.
	    previewText = escape(previewText); 
	    
	    previewText = previewText.replace(/\%u201C/ig, "%22");
	    previewText = previewText.replace(/\%u201D/ig, "%22");
  	    previewText = previewText.replace(/\%u2018/ig, "%27");
  	    previewText = previewText.replace(/\%u2019/ig, "%27");  	    
  	    previewText = previewText.replace(/\%u2013/ig, "-");  
  	    previewText = previewText.replace(/\%u2014/ig, "-");    	      	    
  	    previewText = previewText.replace(/\%u2026/ig, "...");    	
  	    previewText = previewText.replace(/\+/g, "%2B");
	    
	    //previewText.replace(/\n/g, "%0a");
//	    previewText = previewText.replace(/\+/g, "%2b");
  // 	    previewText = previewText.replace(/\%/g, "%25");
//   	    alert(previewText);
	    
		// add the previewText to the URL querystring    
		// have to URL encode it for it to work correctly
	    var params = "t=" + previewText;
	
		// do the fun ajax!    
	    retrieveURL(url, "PREVIEW", commentId, params);
	}

	function hideArea(theType) {
		var elementName = 'postcomment' + commentId;
		var previewName = 'previewcomment' + commentId;
	
		// always hide the error div		
		if (hasError) {
			var errorDiv = "errorcomment" + commentId;
			Element.hide(errorDiv);
			hasError = false;
		}
		
	    if (postingComment) {	
	        // we must hide the current stored commentId
	        // if we are canceling, we do it pretty
	        if (theType == "cancel") {
				Element.hide(previewName);        
		        Effect.SlideUp(elementName, { duration: 0.5 });
		    }
		    else {
		    	// otherwise we are posting another comment
		    	// so do it REAL quick
				Element.hide(previewName);	    	
				document.getElementById(elementName).innerHTML = "";
			}
	    }
	}

	function figureOut(theForm) {
// 		alert(buttonState);
		
		if (buttonState == 'preview') {
			previewComment(theForm);
		}
		else if (buttonState == 'cancel') {
			cancelPost();
		}
		else if (buttonState == 'post') {
			submitForm(theForm);
		}
	}

	// this checks the comments for when someone types, and if it's different than what's being preview we
	// turn off the post button
	function checkComment() {

		var tTitle = "";
		var tText = "";
		
		if (document.forms['rateForm'].elements['postCommentTitle']) {
			tTitle = document.forms['rateForm'].elements['postCommentTitle'].value;
		}
		
		if (document.forms['rateForm'].elements['postCommentTextArea']) {
			tText = document.forms['rateForm'].elements['postCommentTextArea'].value;
		}
	    
	   
 //    		alert(tTitle + " " + previewTitle + " : " + tText + " " + previewText);
	    if (canPost && (tText != previewText || tTitle != previewTitle)) {
	    	disallowPost();
	   	}
	}

	function disallowPost() {
	    canPost = false;
	    document.getElementById("postbutton" + commentId).disabled = true;
	}

	function allowPost() {
	    canPost = true;
	    var elem = document.getElementById("postbutton" + commentId);
	    
	    elem.disabled = false;
	    
	    // alert(previewingComment);
	    
	    if (!previewingComment) {
			window.setTimeout("document.getElementById('postbutton' + commentId).focus()", 501);
	    }
	    else {
		    try {
		    	 document.getElementById('postbutton' + commentId).focus();
		   	} catch (e) {
		   		alert(e);
		   	}
	    }
		
//		alert(elem);
//	    document.getElementById("postbutton" + commentId).focus();
	//    alert(document.getElementById("postbutton" + commentId).focus);
	}

  function retrieveURL(url, type, id, params) {
    which = id;
    if (window.XMLHttpRequest) { // Non-IE browsers
        req = new XMLHttpRequest();

      
        // pretty sure this adds a listener, which handles communication
        // listeners apparently don't like parameters, either
        if ("RATE" == type) {
            req.onreadystatechange = processRateStateChange;          
        }
        else if ("RECOMMEND" == type) {
            req.onreadystatechange = processRecommendStateChange;          
        } 
        else if ("PREVIEW" == type) {
			req.onreadystatechange = processPreviewComment;                  
        }      
        else {
            req.onreadystatechange = processStateChange;
        }

        try {
            req.open("POST", url, true);
	   		req.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
			req.setRequestHeader("Content-length", params.length);
			req.setRequestHeader("Connection", "close");            	    	
            req.send(params);
        } catch (e) {
            alert(e);
        }
    } 
    else if (window.ActiveXObject) { // IE
        req = new ActiveXObject("Microsoft.XMLHTTP");
		
        if (req) {
            if ("RATE" == type) {
                req.onreadystatechange = processRateStateChange;          
            }
            else if ("RECOMMEND" == type) {
                req.onreadystatechange = processRecommendStateChange;          
            }       
            else if ("PREVIEW" == type) {
				req.onreadystatechange = processPreviewComment;                  
	   		}   
            else {
                req.onreadystatechange = processStateChange;
            }
        
            req.open("POST", url, true);
	   		req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			req.setRequestHeader("Content-length", params.length);
			//req.setRequestHeader("Connection", "close");            	    	
            req.send(params);
        }
    }
  }
  

  // listener
  function processStateChange() {
    
    if (req.readyState == 4) { // Complete
      if (req.status == 200) { // OK response
        document.getElementById("theTable").innerHTML = req.responseText;

      } else {

        alert("Problem: " + req.statusText);

      }

    }
  }
  
  
  
	function processPreviewComment() {

		if (req.readyState == 4) { // Complete
			if (req.status == 200) { // OK response
				var postCommentDiv = document.getElementById("postcomment" + commentId);
				var previewCommentDiv = document.getElementById("previewcomment" + commentId);
				
			  	// make it visible
			    // document.getElementById("previewComment").style.display = "block";
			    
				previewText = req.responseText;
				
				var commentError = false;
				
				if (previewText.indexOf("@@@ERROR@@@") != -1) {
					previewText = "<div class='soapbloxError'>" + previewText.substring(11, previewText.length) + "</div>";						
					commentError = true;
				}
    
		        // set values in the preview area
			    document.getElementById("previewTitle" + commentId).innerHTML = previewTitle;
			    document.getElementById("previewCommentText" + commentId).innerHTML = previewText;
			    
			    // alert(previewingComment); 
    
    			// if we're not already previewing a comment we slide down
    			if (!previewingComment) {
					Effect.SlideDown("previewcomment" + commentId, { duration: 0.5, scaleFrom: 3});
					//window.setTimeout("postButton.focus()", 501);
				}
				// otherwise, we just update the text
				else {
					Element.show("previewcomment" + commentId);
				}
			
				if (commentError) {
					disallowPost();
				}					
				else {
					allowPost();
				}
				
				previewingComment = true;
			}
			else {
				alert("Problem: " + req.statusText);
			}
		}	
	}
  
    function processRateStateChange() {
        //alert(loadName);
        //alert(document.getElementById(loadName));

        if (req.readyState == 4) { // Complete
        
            var loadName = "rateLoad" + which; 
            // alert("elem: " + document.getElementById(loadName));
            var elem = document.getElementById(loadName);
           

            if (req.status == 200) { // OK response
                elem.innerHTML = "<i>Complete!</i>";
                if (debug) {
                    alert(document.getElementById("rating" + which));
                    alert(req.responseText);
                }

				// alert(req.responseText);

        		var xmlDoc = req.responseXML;
        		var theWholeThing = "";
        		
        		var rateType = xmlDoc.getElementsByTagName("rateType")[0].childNodes[0].nodeValue;
        		var scoreType = xmlDoc.getElementsByTagName("scoreType")[0].childNodes[0].nodeValue;
				var average = xmlDoc.getElementsByTagName("averageScore")[0].childNodes[0].nodeValue;
				var viewRatingLink = xmlDoc.getElementsByTagName("viewRatingLink")[0].childNodes[0].nodeValue;
        			        		
        		//alert(rateType);
        		
        		if (rateType == "THUMBS" || rateType == "STARS") {
				//	if (average == "false") {
					// loop through the ratings   
					
						     		
	        			for (i = 0; i < xmlDoc.getElementsByTagName("rating").length; i++) {
	        			
	        				var theString = "";
	        			
		        			var theRating = xmlDoc.getElementsByTagName("rating")[i];
		        			var commentId = theRating.getElementsByTagName("commentId")[0].childNodes[0].nodeValue;
							var ratingName = theRating.getElementsByTagName("ratingName")[0].childNodes[0].nodeValue;
							// var viewRatingLink = theRating.getElementsByTagName("viewRatingLink")[0].childNodes[0].nodeValue;
		        			var ratingValueId = theRating.getElementsByTagName("ratingValueId")[0].childNodes[0].nodeValue;
		        			var loc = theRating.getElementsByTagName("image-src")[0].childNodes[0].nodeValue;
		        			var mouseover = theRating.getElementsByTagName("image-mouseover")[0].childNodes[0].nodeValue;
		        			var mouseout = theRating.getElementsByTagName("image-mouseout")[0].childNodes[0].nodeValue;
		        			var count = theRating.getElementsByTagName("count")[0].childNodes[0].nodeValue;
		        			var theId = "rv" + commentId + "-" + ratingValueId;
		        			
		        			if (rateType == "THUMBS") {
		        			
//		        				if (average == "false") {
		        					theString = "<a href='javascript:void(0)' onclick='rateThumb(\"" + commentId + "\", \"" + ratingValueId + "\")'>";
		        				
		        					if ("RATING_NAME" == scoreType) {
		    	    					theString += ratingName;
			        				}
			        				else {
		 
										theString += "<img border='0' name='" + theId + "' src='" + loc + "' onmouseover='hover(\"" +theId + "\", \"" + mouseover + "\")'  onmouseout='hover(\"" +theId + "\", \"" + mouseout + "\")'>";		        				
		        					}
		        					theString += "</a>";
		        					
		        					if (average == "false") {
		        						 theString += " - " + count;
									}
		        			//	}
		        			//	else {
		        			//		theString = "(" + xmlDoc.getElementsByTagName("score")[0].childNodes[0].nodeValue + ")";
		        			//	}
		        			}
		        			else { // STARS
		        				theString = "<a href='javascript:void(0)' onclick='rateThumb(\"" + commentId + "\", \"" + ratingValueId + "\")'><img border='0' name='star" + commentId + "-" + i + "' src='" + loc + "' onmouseover='starHover(\"" + mouseover + "\", \"" + commentId + "\", \"" + i + "\")'  onmouseout='starHover(\"" + mouseout + "\", \"" + commentId + "\", \"" + i + "\")'></a> ";
		        			}
		        			
		        			/*
		        			var theImage = document.images[theId]; 
		        			theImage.src = loc;
		        			
							theImage.onmouseout= (function (a, b) {
		      					return function () {
		      						document.images[a].src = b;
								};
		    				})(theId, mouseout);
								// hover(theId, mouseout); 
								//alert(e);
		        				//alert("mout-src: " + loc + "\nId: " + theId + "\nmouseover: " + mouseover + "\n:mouseout: " + mouseout);
		        				//document.images[theId].src = mouseout;
		        			
		        			
							theImage.onmouseover= (function (a, b) {
		      					return function () {
		      						document.images[a].src = b;
								};
		    				})(theId, mouseover); */
		    				
		    				if (i < xmlDoc.getElementsByTagName("rating").length - 1) {
		    					theString = theString + "&nbsp;";
//		    					alert("Your mom");
		    				}
		    				
		    				theWholeThing += theString;
		        		}
	        	//	}
	        	//	else {
	        	//		alert(xmlDoc.getElementsByTagName("score")[0].childNodes[0].nodeValue);
	        	//		v
	        	//		theWholeThing = xmlDoc.getElementsByTagName("score")[0].childNodes[0].nodeValue;
	        	//	}
	        	
	        		if (average == "true") {
	        			theWholeThing = "(<a href=\"" + viewRatingLink+ "\">" + xmlDoc.getElementsByTagName("score")[0].childNodes[0].nodeValue + "</a>) " + theWholeThing;
	        		}
	        		
	        	} // End thumbs and stars
	        	else if ("RADIO" == rateType || "DROP_DOWN" == rateType) {
	        		var score = "";
	        		
	        	//	alert("bob!");

					if (scoreType == "IMAGE") {
						if (average == "false") {
							var scoreNode = xmlDoc.getElementsByTagName("score")[0];
							for (i = 0; i < scoreNode.getElementsByTagName("oneScore").length; i++) {
								score += "<img border='0' src='" + scoreNode.getElementsByTagName("path")[i].childNodes[0].nodeValue + "'> - " +  scoreNode.getElementsByTagName("count")[i].childNodes[0].nodeValue + " ";
							}
						}
						else {
							score = "(<a href=\"" + viewRatingLink + "\">" + xmlDoc.getElementsByTagName("score")[0].childNodes[0].nodeValue + "</a>)";						
	//						score = xmlDoc.getElementsByTagName("score")[0].childNodes[0].nodeValue;
							//alert("score: " + score);						
						}
					}
					else {
						score = "(<a href=\"" + viewRatingLink + "\">" + xmlDoc.getElementsByTagName("score")[0].childNodes[0].nodeValue + "</a>)";
						// alert("score: " + score);
					} 
					
					theWholeThing = score;
	        	}
	        	/*
	        	var score = "";

				if (scoreType == "IMAGE") {
					var scoreNode = xmlDoc.getElementsByTagName("score")[0];
					for (i = 0; i < scoreNode.getElementsByTagName("oneScore").length; i++) {
						score += "<img border='0' src='" + scoreNode.getElementsByTagName("path")[i].childNodes[0].nodeValue + "'> - " +  scoreNode.getElementsByTagName("count")[i].childNodes[0].nodeValue + " ";
					}
				}
				else {
					score = xmlDoc.getElementsByTagName("score")[0].childNodes[0].nodeValue;
				} */
        		        		
        		document.getElementById("rating" + which).innerHTML = theWholeThing;
            } 
            else 
            {
                elem.innerHTML = "<b>Error!</b>";            
            }
            
            Effect.Fade(loadName);
        }
    } 
    
    function starHover(fileLoc, commentId, theIndex) {
    	for (var i = 0; i <= theIndex; i++) {
    		var theStar = "star" + commentId + "-" + i;
    		document.images[theStar].src = fileLoc;
    	}
    }
    
    function thumbHover(fileLoc, commentId, theIndex) {
   		var theStar = "star" + commentId + "-" + theIndex;
		document.images[theStar].src = fileLoc;

    }    
  
    function processRecommendStateChange() {
        // alert("elem: " + document.getElementById(loadName));
        var elem = document.getElementById("recommendLoad");
        var recommender = document.getElementById("recommender");
    
        if (req.readyState == 4) {
            if (req.status == 200) {
                elem.innerHTML = "<i>Complete!</i>";            
                recommender.innerHTML = req.responseText;                
            }
            else {
                elem.innerHTML = "<b>Error!</b>";  
            }
            
            recommender.disabled = false;
        }
        
        Effect.Fade("recommendLoad");        
    }
    
	function rateThumb(theCommentId, ratingValueId) {

        var url = baseUrl + "ajaxRate.do";
        var params = "id=" + theCommentId + "&value=" + ratingValueId;
        if (debug) {
            alert("commentId" + commentId + ", value: " + ratingValueId  + "\nurl: " + url);
        }
        
        var loadName = "rateLoad" + theCommentId;            
        // alert("loadName: " + loadName);
        var elem = document.getElementById(loadName);
        // alert("elem: " + elem);
        Element.show(elem);
        elem.innerHTML = "<I>Processing...</i>";
        
        retrieveURL(url, "RATE", theCommentId, params);
    }
     

    function rate(theCommentId) {
        var selectName = "select" + theCommentId;
        var selector = document.rateForm.elements[selectName];
        var rateValue = selector.options[selector.selectedIndex].value;
        var url = baseUrl + "ajaxRate.do";
        var params = "id=" + theCommentId + "&value=" + rateValue;
        if (debug) {
            alert("commentId" + commentId + ", value: " + rateValue  + "\nurl: " + url);
        }
        
        var loadName = "rateLoad" + theCommentId;            
        // alert("loadName: " + loadName);
        var elem = document.getElementById(loadName);
        // alert("elem: " + elem);
        Element.show(elem);
        elem.innerHTML = "<I>Processing...</i>";
        
        retrieveURL(url, "RATE", theCommentId, params);
    }
    
    function radioRate(theCommentId) {
        var selectName = "select" + theCommentId;
        var selector = document.rateForm.elements[selectName];
        var rateValue = "";
        
        for (var i = 0; i < selector.length; i++) {
        	if (selector[i].checked) {
        		rateValue = selector[i].value;
        		break;
        	}
        }
        
        var url = baseUrl + "ajaxRate.do";
        var params = "id=" + theCommentId + "&value=" + rateValue + "&type=radio";
        if (debug) {
            alert("commentId" + commentId + ", value: " + rateValue  + "\nurl: " + url);
        }
        
        var loadName = "rateLoad" + theCommentId;            
        // alert("loadName: " + loadName);
        var elem = document.getElementById(loadName);
        // alert("elem: " + elem);
        Element.show(elem);
        elem.innerHTML = "<I>Processing...</i>";
        
        retrieveURL(url, "RATE", theCommentId, params);
    }    
    
    function recommend(diaryId) {

        var url = baseUrl + "ajaxRecommend.do";
        var params = "id=" + diaryId;
        
        if (debug) {
            alert("diaryId: " + diaryId);        
            alert("url: " + url);        
        }
        
        var recommender = document.getElementById("recommender");
        recommender.disabled = true;
        
        var elem = document.getElementById("recommendLoad");
        Element.show(elem);
        elem.innerHTML = "<br /><i>Processing...</i>";
        
        retrieveURL(url, "RECOMMEND", diaryId, params);        
    }
    
	function toggleEditor(id) {
		var elm = document.getElementById(id);

		if (tinyMCE.getInstanceById(id) == null)
			tinyMCE.execCommand('mceAddControl', false, id);
		else
			tinyMCE.execCommand('mceRemoveControl', false, id);
	} 
	
	function turnOnEditor(id) {
		if (tinyMCE.getInstanceById(id) == null)
			tinyMCE.execCommand('mceAddControl', false, id);	
	}
	
	function turnOffEditor(id) {
		if (id == "postCommentTextArea" && !tinyMCE.getInstanceById(id)) {
			id = "commentText";		
		}
		
		// alert(id);

		if (tinyMCE.getInstanceById(id) != null)
			tinyMCE.execCommand('mceRemoveControl', false, id);
	}	
	
	function setDiaryButtons(id) {
		var selectedValue = id.options[id.selectedIndex].value;	
		
		if (selectedValue == "WYSIWYG") { // which is WYSIWYG
			disableDiaryButtons(true);
		}
		else {		
			disableDiaryButtons(false);		
		}
	}
	
	
	function disableDiaryButtons(theValue) {
		document.getElementById("bold1").disabled = theValue;
		document.getElementById("italic1").disabled = theValue;
		document.getElementById("quote1").disabled = theValue;
		document.getElementById("bold2").disabled = theValue;
		document.getElementById("italic2").disabled = theValue;
		document.getElementById("quote2").disabled = theValue;	
	}	
	
	function setCommentButtons(id) {
		var selectedValue = id.options[id.selectedIndex].value;	
		
		if (selectedValue == "WYSIWYG") { // which is WYSIWYG
			disableCommentButtons(true);
		}
		else {		
			disableCommentButtons(false);		
		}
	}	
	
	function disableCommentButtons(theValue) {
		document.getElementById("bold1").disabled = theValue;
		document.getElementById("italic1").disabled = theValue;
		document.getElementById("quote1").disabled = theValue;
	}	

	
	function toggleDiaryEditor(id) {
		var selectedValue = id.options[id.selectedIndex].value;
		// alert(selectedValue);		
		
		setDiaryButtons(id);
		
		if (selectedValue == "WYSIWYG") { // which is WYSIWYG
			turnOnEditor("editMainText");
			turnOnEditor("editExtendedText");	
		}
		else {
			turnOffEditor("editMainText");
			turnOffEditor("editExtendedText");			

		}
	}   
	
	function toggleCommentEditor(id) {
		var selectedValue = id.options[id.selectedIndex].value;
		
		setCommentButtons(id);	
		
		// alert(selectedValue);
		
		if (selectedValue == "WYSIWYG") { // which is WYSIWYG
			turnOnEditor("postCommentTextArea");
		}
		else {
		    // alert("before turn off");
			turnOffEditor("postCommentTextArea");
		}
	} 
	
	function toggleQuickHitEditor(id) {
		var selectedValue = id.options[id.selectedIndex].value;
		
		if (selectedValue == "WYSIWYG") { // which is WYSIWYG
			turnOnEditor("quickHitText");
		}
		else {
			turnOffEditor("quickHitText");
		}
	} 		

	function addTags(textAreaId, startTag, endTag, content) {
		
		var textArea;
		
		if (document.forms['rateForm']) {
			textArea = document.forms['rateForm'].elements[textAreaId];
		}
		else {
			textArea = document.getElementById(textAreaId);
		}
		
		if (typeof textArea.selectionStart != "undefined") {
			textArea.focus();
			var selStart = textArea.selectionStart;
			var selEnd = textArea.selectionEnd;
			var selText = textArea.value.substring(selStart, selEnd);
			var scrlTop = textArea.scrollTop;
			var scrlDown = textArea.value.length <= selStart;
			if (selText.indexOf(startTag) === 0 && endTag == selText.substring(selText.length - endTag.length, selText.length)) {
				textArea.value = textArea.value.substring(0, selStart) + selText.substring(startTag.length, selText.length - endTag.length) 
					+ textArea.value.substring(selEnd, textArea.value.length);
				textArea.selectionStart = selStart;
				textArea.selectionEnd = selEnd - (startTag.length + endTag.length);
				textArea.scrollTop = scrlTop;
			} else {		
				textArea.value = textArea.value.substring(0, selStart) + startTag + (content ? content : selText)
					+ endTag + textArea.value.substring(selEnd, textArea.value.length);
				textArea.selectionStart = selStart;
				textArea.selectionEnd = selStart + startTag.length + (content ? content.length : selText.length) + endTag.length;
				textArea.scrollTop = (scrlDown ? 10000000 : scrlTop);
			}
		} else if (document.selection) {
			var range = document.selection.createRange();
			if (range.parentElement() != textArea) {
				var textRange = textArea.createTextRange();
				textRange.moveStart('character', textArea.value.length);
				textRange.collapse();
				textRange.select();
				range = document.selection.createRange();
			}
			textArea.focus();
			if (range.text.indexOf(startTag) === 0 && endTag == range.text.substring(range.text.length - endTag.length, range.text.length)) {
				range.text = range.text.substring(startTag.length, range.text.length - endTag.length);
			} else {
				range.text = startTag + (content ? content : range.text) + endTag;
			}
		} else {
			textArea.focus();
			textArea.value = startTag + (content ? content : "") + endTag;
			if (typeof textArea.scrollTop != "undefined") {
				textArea.scrollTop = 10000000;
			}
		}
	}
	
	
	function addBoldTags(textAreaId) {
		addTags(textAreaId, "<b>", "</b>");
		return false;
	}
	
	function addItalicTags(textAreaId) {
		addTags(textAreaId, "<i>", "</i>");
		return false;
	}
	
	function addQuoteTags(textAreaId) {
		addTags(textAreaId, "<blockquote>", "</blockquote>");
		return false;
	}