/* 
Free Feedback Form for Google Analytics by Savio.no
http://www.savio.no/blogg/a/97/free-feedback-form-for-google-analytics

This Feedback Form is released under Creative Commons
You are free:
* to Share — to copy, distribute and transmit the work
* to Remix — to adapt the work
Under the following conditions:
* Attribution — You must attribute the work by keeping this information intact. 
* Share Alike —  If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one. 
http://creativecommons.org/licenses/by-sa/3.0/

If you modify it or improve the Feedback Form, please let me know so I can update the Feedback Form article.
I can't be held liable for issues that arise from the download or use of the feedback form.
September 2010,
Eivind Savio 
*/

/******************************************************
Error Handling if feedbackHeading Variable is missing 
If Variable is missing, Feedback Form will be disabled
******************************************************/
if (typeof(feedbackHeading) == 'undefined')
	{
	document.write('<link href="/feedback/feedback.css" rel="stylesheet" type="text/css" />');
	document.getElementById('fixeddiv').className="feedbackhidden"; 
	document.getElementById('feedbackHolder').className="feedbackhidden"; 
	document.getElementById('feedbackHolder').innerHTML = "";
}
else {
/******************************************************
Cookie handling
******************************************************/
// This function saves a cookie
function setCookie(name, value, expires) {
document.cookie = name + "=" + escape(value) + "; path=/" + ((expires == null) ? "" : "; expires=" + expires.toGMTString());
}
//  End -->

// This function retrieves a cookie
function getFeedbackCookie (name) {
	var cname = name + "=";               
	var dc = document.cookie;

    if (dc.length > 0) {              
		begin = dc.indexOf(cname);       
			if (begin != -1) {           
			begin += cname.length;       
			end = dc.indexOf(";", begin);
				if (end == -1) end = dc.length;
				return unescape(dc.substring(begin, end));
			} 
		}
	return '';
}
//  End -->

// This code sets cookie lifetime
var exp = new Date();                                   // make new date object
exp.setTime(exp.getTime() + (1000 * 60 * 60 * 24 * parseInt(feedbackTimeRestriction))); // set it x days ahead
//  End -->

// This function deletes a cookie
function delCookie(name) {
document.cookie = name + "=; expires=Thu, 01-Jan-70 00:00:01 GMT" + "; path=/";
}
//  End Cookie handling -->

/******************************************************
Show/Hide elements based on Click
******************************************************/
function showhidefeedback () { 
	overlayDiv = document.getElementById('fOverlay');  
		if (overlayDiv.className=="feedbackshown") { 
			overlayDiv.className="feedbackhidden"; 
			document.getElementById('hideDiv').className="feedbackhidden"; 
			document.getElementById('showDiv').className="feedbackshown";
			document.getElementById('feedbackHolder').className="feedbackhidden"; 
			setCookie('hideDivCookie','hideOverlay', exp);
				if ( feedbackErrorTracking == 'yes')
				{
				_gaq.push(['_trackEvent', 'Feedback','Feedback Closed']);
				}
		} 
		else { 
			overlayDiv.className="feedbackshown"; 
			document.getElementById('hideDiv').className="feedbackshown"; 
			document.getElementById('showDiv').className="feedbackhidden";
			document.getElementById('feedbackHolder').className="feedbackshown";
			delCookie('hideDivCookie');
				if ( feedbackErrorTracking == 'yes')
				{
				_gaq.push(['_trackEvent', 'Feedback','Feedback Opened']);
				}
		} 
}
//  End --> 

/******************************************************
Show/Hide remLenWrap onFocus
******************************************************/
function showhideremLenWrap () { 
	remLenWrapSpan = document.getElementById('remLenWrap'); 
	if (remLenWrapSpan.className=="feedbackhidden") { 
      remLenWrapSpan.className="feedbackshown"; 
   } 
}
//  End -->
// Limit the number of characters per textarea 
function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
cntfield.value = maxlimit - field.value.length;
}
//  End -->

/******************************************************
Comment Field Validation Text
******************************************************/
if (feedbackCommentValidation == "optional")
	{
	feedbackCommentValidationFeedback = "";
	}
else if (feedbackCommentValidation == "mandatory")
	{
	feedbackCommentValidationFeedback = " *";
}
// End -->
/******************************************************
Hide Feedback Form after Submitting feedback for Site Level Feedback
******************************************************/
function hideFeedback () { 
	document.getElementById('fOverlay').className="feedbackhidden"; 
	document.getElementById('hideDiv').className="feedbackhidden"; 
	document.getElementById('showDiv').className="feedbackshown";
	document.getElementById('feedbackHolder').className="feedbackhidden"; 
}
// End -->

/******************************************************
Send Feedback to Google Analytics + some Validation.
******************************************************/
function submit_feedback()
{
// validate myradiobuttons
myOption = -1;
for (rb=document.gafeedbackForm.rating.length-1; rb > -1; rb--) {
if (document.gafeedbackForm.rating[rb].checked) {
myOption = rb; rb = -1;
}
}
// If there were no selections made display an alert
if (myOption == -1) {
		document.getElementById('feedbackAlert').innerHTML = "<p style='color:red'>"+feedbackRadioButtonError+"</p>";
		return false;
		}
		else {
			document.getElementById('feedbackAlert').innerHTML = "";
}
	if ( feedbackErrorTracking == 'yes') // Send result of Form Validation to Google Analytics
		{		
				_gaq.push(['_trackEvent', 'Feedback','Feedback Radio Button not Selected']);
}

// Feedback Comment is Mandatory
if (feedbackCommentValidation == "mandatory" && feedbackCommentVisibility == 'show' && document.getElementById('fBack').value == "")
	{
		document.getElementById('feedbackCommentHeading').innerHTML = "<span style='color:red'>"+feedbackCommentHeading+ " "+feedbackCommentValidationFeedback+"</span>";
		return false;
		}
	if( feedbackErrorTracking == 'yes') // Send result of Form Validation to Google Analytics
		{
		_gaq.push(['_trackEvent', 'Feedback','Feedback Text not Filled Out']);
}
var rad_val = document.gafeedbackForm.rating[myOption].value;
if (feedbackCommentVisibility == 'show')
	{
	var myFeedbackTextField = document.getElementById('fBack').value;
	}
	else if (feedbackRadioType = 'vertical' && feedbackCommentVisibility == 'hide')
		{
		var myFeedbackTextField = document.getElementById('ratingText'+[rad_val]).innerHTML;
	}
// Send Feedback Data to Google Analytics and Say Thank You
document.getElementById('fContentWrapper').innerHTML = "<p>"+feedbackCommentThx+"</p>";
	_gaq.push(['_trackEvent','Feedback',feedbackHeading,myFeedbackTextField,parseInt(rad_val)]);
if (feedbackGoalURL == 'yes') {
	_gaq.push(['_trackPageview','/feedback-form/feedback-submitted']);
}
// Set Cookie based on feedbackLevel "page" or "site"
	if (feedbackLevel == "page")
		{
		// Set Cookie for Page Level
			setCookie('feedbackCookie'+document.location.href,document.location.href, exp);
			}
		else if  (feedbackLevel == "site")  
			{
			// Set Cookie for Site Level and Close the Feedback form after 5 seconds
			setCookie('feedbackCookie'+feedbackHeading,feedbackHeading, exp);
			setCookie('hideDivCookie','hideOverlay', exp);
			// Hide Feedback Form after 5 seconds
			var closeAfterFeedback=setTimeout(hideFeedback,5000);
		}
}
//  End -->

/******************************************************
CSS (Cascading Style Sheet)
******************************************************/
document.write('\
<link href="http://www.savio.no/feedback/feedback.css" rel="stylesheet" type="text/css" />\
<style type="text/css">\
#fixeddiv {\
'+feedbackPlacement+':0;\
}\
#fixeddiv #showDiv{\
'+feedbackPlacement+':3px;\
}\
#fixeddiv h3, #fixeddiv h4, #fixeddiv input, #fixeddiv textarea, #fixeddiv #fOverlay {\
color: '+feedbackTextColor+';\
}\
#fixeddiv #remLenWrap {\
color: '+feedbackTextColor+';\
}\
#fixeddiv .remLen {\
background: '+feedbackBgColor+';\
}\
#fixeddiv #hideDiv{\
border: 2px solid '+feedbackBorderColor+';\
background: '+feedbackBgColor+';\
}\
#fixeddiv #showDiv{\
border: 2px solid '+feedbackBorderColor+';\
background: '+feedbackBgColor+';\
color: '+feedbackTextColor+';\
}\
#fixeddiv #fOverlay{\
border: 4px double '+feedbackBorderColor+';\
background: '+feedbackBgColor+';\
width: ' +feedbackWidth+'px;\
}\
#fixeddiv textarea {\
width: ' +(feedbackWidth-6)+'px;\
}\
#feedbackHolder {\
right: '+(feedbackWidth-34)+'px;\
}\
#fixeddiv #remLenWrap {\
right: '+(feedbackWidth-84)+'px;\
}\
#fixeddiv .fButton {\
background: '+feedbackButtonColor+';\
color: '+feedbackButtonTextColor+';\
border: 1px outset '+feedbackBorderColor+';\
}\
</style>\
');
//  End CSS -->

/******************************************************
HTML codes
******************************************************/
document.write('\
<div id="hideDiv" class="feedbackshown" title="'+feedbackHideText+'" onclick="showhidefeedback();"></div>\
<div id="fOverlay" class="feedbackshown">\
<div id="fContent">\
<h3 id="feedbackHeading">'+feedbackHeading+'</h3>\
<div id="fContentWrapper">\
<form name="gafeedbackForm">\
<div id="gaRatingWrapper">\
'); 
// Split feedbackTypeText String
	var myFeedbackString = feedbackTypeText;
	var mySplitResult = myFeedbackString.split(",");
	for(fs = 0; fs < mySplitResult.length; fs++){
	}
// Radio Button Layout is Horizontal	
	if (feedbackRadioType == 'horizontal')
	{	
	document.write(mySplitResult[0]);
	for (vert=0;vert<parseInt(feedbackOptionsNumber);vert++)
		{
		document.write('<input name="rating" id="rating'+parseInt(vert+1)+'" type="radio" value="'+parseInt(vert+1)+'" />');
	}
		document.write(mySplitResult[1]);
	}
// Radio Button Layout is Vertical
	else if (feedbackRadioType = 'vertical')  
	{
	document.write('<p>');
	for (vert=0;vert<parseInt(feedbackOptionsNumber);vert++)
		document.write('<input name="rating" id="rating'+parseInt(vert+1)+'" type="radio" value="'+parseInt(vert+1)+'" /><label for="rating'+parseInt(vert+1)+'"><span id="ratingText'+parseInt(vert+1)+'">' + mySplitResult[parseInt(vert)] + '</span></label><br />');
	document.write('</p>');
	}
document.write('\
</div>\
<span id="feedbackAlert"></span>\
');
if (feedbackCommentVisibility == 'hide' && feedbackRadioType == 'horizontal')
{
	document.getElementById('fContentWrapper').innerHTML = "<p><strong>feedbackRadioType</strong> can't be set to <strong>vertical</strong> when <strong>feedbackCommentVisibility</strong> is set to <strong>hide</strong><br/><br/><br/></p>";
	}
else if (feedbackCommentVisibility == 'show')
{
document.write('\
<h4 id="feedbackCommentHeading">'+feedbackCommentHeading+'<span id="commentAlert">'+feedbackCommentValidationFeedback+'</span>\</h4>\
<textarea name="fBack" id="fBack" cols="20" rows="2" wrap="virtual" onkeydown="textCounter(document.gafeedbackForm.fBack,document.gafeedbackForm.remLen1,feedbackCharRestrictions)" onkeyup="textCounter(document.gafeedbackForm.fBack,document.gafeedbackForm.remLen1,feedbackCharRestrictions)"  onfocus="showhideremLenWrap();"></textarea>\
<span id="remLenWrap" class="feedbackhidden">\
<input class="remLen" readonly type="text" name="remLen1" size="2" maxlength="3" value="'+feedbackCharRestrictions+'" />\
 characters left\
</span>\
');
}
document.write('\
<input name="fButton" type="button" class="fButton" value="'+feedbackButtonText+'" title="'+feedbackButtonTitle+'" onclick="submit_feedback()" />\
</form>\
</div>\
</div>\
</div>\
<div id="showDiv" class="feedbackhidden" title="'+feedbackShowText+'" onclick="showhidefeedback();">+</div>\
');
// End HTML -->

/******************************************************
Load Overlay Div
******************************************************/
var divFeedback = document.getElementById("fOverlay");
	if(divFeedback.style.display == "block"){
		divFeedback.style.display="none";
	}else{
		divFeedback.style.display="block";
}
//  End Load Overlay function -->

/******************************************************
Show/Hide elements based on Cookie
******************************************************/
overlayDivCookie = document.getElementById('fOverlay');
	if (getFeedbackCookie('hideDivCookie') == "hideOverlay") {
		overlayDivCookie.className="feedbackhidden"; 
		document.getElementById('hideDiv').className="feedbackhidden"; 
		document.getElementById('showDiv').className="feedbackshown";
		document.getElementById('feedbackHolder').className="feedbackhidden"; 
	 }
	else { 
		overlayDivCookie.className="feedbackshown"; 
		document.getElementById('hideDiv').className="feedbackshown"; 
		document.getElementById('showDiv').className="feedbackhidden";
		document.getElementById('feedbackHolder').className="feedbackshown";
}
//  End Show/Hide element based on Cookie -->
/******************************************************
Check with Cookie if feedback has been given
******************************************************/
if (feedbackLevel == "page" && getFeedbackCookie('feedbackCookie'+document.location.href) == document.location.href)
	{
		document.getElementById('fContentWrapper').innerHTML = "<p>"+feedbackCommentGiven+"</p>";
	}
	else if  (feedbackLevel == "site" && getFeedbackCookie('feedbackCookie' +feedbackHeading) == feedbackHeading)  
	{
		document.getElementById('fContentWrapper').innerHTML = "<p>"+feedbackCommentGiven+"</p>";
}
//  End Check with Cookie if feedback has been given -->
}
// End Error Handling if feedbackHeading Variable is missing -->