var feed_back_win = null;

function feedbackform(){
	var titles = new Array();
	titles[0] = "Drop A Note";
	titles[1] = "How's our Driving?";
	titles[2] = "Got Comments?";
	titles[3] = "Ping Us";
	titles[4] = "Holla Back";
	titles[5] = "Have a thought?";

	var title_num = Math.floor(Math.random()*(titles.length));
	var title_str = titles[title_num]!='undefined'?titles[title_num]:'Feedback';
	feed_back_win = new Window({className: "feedback", 
				title: title_str, 
				bottom:0, 
				right:10, 
				width:200, 
				height:0, 
				draggable:false,
				resizable:false,
				closable:false,
				maximizable:false,
				minimizable:false
			}); 
		//url: "/common/feedback.php?page="+page+"&hash="+hash, 
	winId = feed_back_win.getId();
	var referrer = document.referrer;
	var title = $(winId+"_top");
	var frame = $(winId+"_content");
	var wind = $(winId);
	var str = '';
	str += '<div id="feedbackf" >';
	str += '	<form action="" method="post" name="feedbackform" id="feedbackform">';
	str += '		<p>Was this page?</p>';
	str += '		<div><input type="radio" name="useful" id="feedback_useful_1" value="1" /><label for="feedback_useful_1" >Helpful</label>';
	str += '		<input type="radio" name="useful" id="feedback_useful_2" value="2" /><label for="feedback_useful_2" >Not Helpful</label>';
	str += '		<input type="radio" name="useful" id="feedback_useful_3" value="3" /><label for="feedback_useful_3" >Needs Work</label></div>';
	str += '		<p>Email Address:</p>';
	str += '		<div><input type="text" name="email" id="feedback_email" value="" /></div>';
	str += '		<p>Suggestions or Comments:</p>';
	str += '		<textarea name="message" id="feedback_message_text" style="" ></textarea>';
	str += '		<br/><br/>';
	str += '		<input type="hidden" value="'+title_str+'" name="title_used" />';
	str += '		<input type="hidden" value="'+referrer+'" name="referrer" />';
	
	str += '		<div><b>NOTE: </b>All feedback is reviewed by someone on the Chitika team, <br/>however - <b>we generally do not reply to feedback</b>. <br/>If you have an issue and need a reply, please <a href="https://chitika.com/support/index.php?_m=tickets&_a=submit" target="_blank" >submit a ticket to Chitika Support.</a></div>';
	str += '		<input type="button" class="button" value="Send" onclick="sendFeedback();" />';
	str += '	</form>';
	str += '</div>';
	frame.innerHTML	= str;
	
	feed_back_win.show();

	wind.addClassName('feedback_dialog');
	frame.setStyle({height:'0px'});
	wind.setStyle({height:'25px'});

	//alert(wind.classNames()); 
	
	title.observe('click', function(){
		var height = frame.getHeight();
		if(height<3){
			title.addClassName('feedback_title_open');
			feed_back_win.setSize(450,310);
		}else{
			title.removeClassName('feedback_title_open');
			feed_back_win.setSize(200,0);
			frame.setStyle({height:'0px'});
			wind.setStyle({height:'25px'});
		}
	});
}

function sendFeedback(){
	
	winId = feed_back_win.getId();

	var form = $('feedbackform');
	
	var radios = form.getInputs('radio','useful');
	var checked = false;
	for(i=0;i<radios.length;i++){
		if(radios[i].checked==true)
			checked = true;	
	}
	var error = new Array();
	if(!checked)
		error[error.length++] = "Please rate the page.";
	
	if($('feedback_email').value=="")
		error[error.length++] = "\nPlease provide your email address.\nThis is only used if we need to contact you back.\n";
	if($('feedback_message_text').value=="")
		error[error.length++] = "Please give us a little message";
	
		
	if(error.length>0){
		var winTable = "window_"+winId+"_table_content";
		var winLayover = "window_"+winId+"_layover";
		var text = '';
		for(i=0;i<error.length;i++){
			text += error[i]+"\n";
		}
		alert(text);
		return false;
		/*layover(text,winTable,winLayover);	
		setTimeout(function(){closeLayover(winLayover);},1000);*/
	}else{
		var aj = new Ajax.Updater(winId+"_content","/common/feedback.php",
							{
								method: 'post',
								parameters: form.serialize(true),
								onComplete:function(){
									setTimeout(function(){
										feed_back_win.destroy();
										feedbackform();
									},1000);
								}
							});
	}
}
function closeLayover(id){
	var id = (id==null) ? "layover":id;
	var layover = $(id);
	layover.hide();
	layover.remove();
}
function changeLayoverText(id,text){
	var id = (id==null) ? "layover":id;
	var layoverText = $(id+"_text");
	layoverText.innerHTML=text;
}
function addTextLayover(id,text){
	var id = (id==null) ? "layover":id;
	var layoverText = $(id+"_text");
	new Insertion.Bottom(layoverText,text);
}
function layover(text,cover,id,width,height){
	var id = (id==null) ? "layover":id;
	var coverDiv = (typeof(cover)=='object') ? cover : $(cover);
	var coverLeft = getposOffset(coverDiv,'left')+"px";//('left');
	var coverTop = getposOffset(coverDiv,'top')+"px";//('top');
	var coverWidth = (width==null) ? coverDiv.getWidth() : width;
	var coverHeight = (height==null) ? coverDiv.getHeight() : height;
	//top: "+coverTop+";left: "+coverLeft+";
	var newCover = "<div class=\"layover\" id=\""+id+"\" style=\" width: "+coverWidth+"px; height: "+coverHeight+"px;\" >";
	var content = '<div id="'+id+'_text" style="margin-top:'+((coverHeight/2)-7)+'px;" >';
	content += text;
	content += "</div>";
	newCover += content;
	newCover += "</div>";
	new Insertion.Top(coverDiv,newCover);
}

function getposOffset(what, offsettype){
 	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
 	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
 		parentEl=parentEl.offsetParent;
 	}
	return totaloffset;
}