var report_d = $('report_d');

var report_idea = document.createElement('div');
var report_bug = document.createElement('div');
report_idea.id = 're_idea';
report_bug.id = 're_bug';
report_idea.innerHTML = 'Advice';
report_bug.innerHTML = 'Report Bugs';

report_idea.onclick = 
report_bug.onclick = function() {
	if(!$('report_win') || $('report_win').style.display == 'none')
		report_proxy(this);
	else
		hide_report_win();
}
with(report_bug.style) {
	report_idea.style.cursor = cursor = 'pointer';
	report_idea.style.lineHeight = lineHeight = '20px';
	report_idea.style.styleFloat = styleFloat = 'left';    //兼容IE
	report_idea.style.cssFloat = cssFloat = 'left';    //兼容FireFox
	paddingLeft = '12px';
}
report_d.appendChild(report_idea);
report_d.appendChild(report_bug);

if(document.location.href.indexOf('head2head') > 0) {
	var report_tips = document.createElement('div');
	report_tips.id = 're_tips';
	report_tips.innerText = 'My Tips';
	report_tips.onclick = function() {
		if(!$('report_win') || $('report_win').style.display == 'none')
			report_proxy(this);
		else
			hide_report_win();
	}
	with(report_tips.style) {
		cursor = 'pointer';
		lineHeight = '20px';
		styleFloat = 'left';
		paddingLeft = '12px';
	}
	report_d.appendChild(report_tips);
}

function report_proxy(obj) {
	var p = $('ctl00_ctl00_indexbody_SiteMapPath1_siteMapPath').parentNode.className=='l'?$('ctl00_ctl00_indexbody_SiteMapPath1_siteMapPath').parentNode.parentNode:$('ctl00_ctl00_indexbody_SiteMapPath1_siteMapPath');
	p = getOffset(p);
	show_report_win(obj.id, p.offsetLeft2 + p.offsetWidth, p.offsetTop2 + p.offsetHeight);
}

function ajax_report_submit(form) {
	var t;
	switch(form.name) {
		case 'form_tips':t = 1;break;
		case 'form_bug':t = 22;break;
		case 'form_report':t = 19;break;
	}
	var is_tips = form.name=='form_tips'?true:false;
	var f = is_tips?'':form.is_an.checked;
	var u = encodeURIComponent(form.username.value);
	var p = encodeURIComponent(form.password.value);
	var c = encodeURIComponent(is_tips?tips_format(form):form.context.value);
	var s = encodeURIComponent(form.title.value);
	var h = encodeURIComponent(document.location.href);
	var values = 'u={0}&p={1}&s={2}&c={3}&h={4}&f={5}&t={6}'.format(u,p,s,c,h,f,t);
	var url = '/report_submit.aspx?action=submit';
	ajax(function(rt){
		var message = rt.match(/提示信息<\/h1>(\s*)<p>(.+)<\/p>/i);
		var post_url = rt.match(/<a href=\"([^"]+)\">如果您的浏览器没有/);
		if(post_url == null)
			$('report_msg').innerHTML = message == null ? rt :  message[2];
		else {
			$('report_inner').innerHTML =  '<br/><a href="http://bbs.b310.com/' + post_url[1] + '" target="_blank">Published success! Click here to visit it.</a><br/><br/>'
			flag_text=false;
		}
	},url,values,'post');
}

function t_s_over(id){
	var count = parseInt(id.replace('t_s_',''));
	for(var i = 1 ; i <= count ; i++){
		if($('t_s_' + i).style.color != 'blue')
			$('t_s_' + i).style.color = 'red';
	}
}

function t_s_out(){
	for(var i = 1 ; i <= 5 ; i++){
		if($('t_s_' + i).style.color != 'blue')
			$('t_s_' + i).style.color = 'black';
	}
}

function t_s_click(id){
	var count = parseInt(id.replace('t_s_',''));
	var str_star = '';
	var html_star = '';
	for(var i = 1 ; i <= 5 ; i++){
		$('t_s_' + i).style.color = 'black';
	}
	for(var i = 1 ; i <= count ; i++){
		$('t_s_' + i).style.color = 'blue';
		html_star += '<img src="http://img.b310.com/database/level_1.gif" />';
		str_star += '★';
	}
	$('t_info').getElementsByTagName('label')[1].innerHTML = html_star;
	$('t_title').value = $('t_title').value.replace(/信心:(.*)/i,'信心:' + str_star)
	$('t_star').value = count;
}


function tips_format(form){
	var title = form.t_title.value;
	var star = form.t_star.value;
	var teams = form.t_teams.value.split('|');
	var time = form.t_time.value;
	var context = form.context.value;
	var bgcolor = $('t_info').style.background;
	var size;
	for(var i=0;i<form.t_size.length;i++)
		if(form.t_size[i].checked) size = form.t_size[i].value;
	var team;
	for(var i=0;i<form.t_team.length;i++)
		if(form.t_team[i].checked) team = form.t_team[i].value;
	var href = document.location.href;
	var h_pic = form.t_h_pic.value.replace('middle', size);
	var a_pic = form.t_a_pic.value.replace('middle', size);
	var str_star = '';
	for (var i = 0; i < star; i++) {
		str_star += "[img]http://img.b310.com/database/level_1.gif[/img]";
	}
	var str_format = '{12}\r\n\
[align=center][table=80%{11}]\
[tr][td=0,0,20%]\
{0}\
[/td]\
[td][b][url=http://www.b310.com/{1}][color=#0000ff]{2}[/color][/url] VS [url=http://www.b310.com/{3}][color=#0000ff]{4}[/color][/url][/b]\r\n\
[color=green]{5}[/color]\r\n\
推荐: {6} 信心: {7}\
[/td]\
[td=0,0,20%]\
{8}\
[/td]\
[/tr]\
[tr][td=3,1]{10}\
[/td][/tr]\
[tr]\
[td=3,1][align=right][url={9}]查看本场数据分析[/url][/align][/td]\
[/tr]\
[/table][/align]';
	var str_result = str_format.format(h_pic == '' ? '' : ('[img]' + h_pic + '[/img]'), teams[1], teams[0], teams[3], teams[2], time, team, str_star, a_pic == '' ? '' : ('[img]' + a_pic + '[/img]'), href, context, bgcolor == '' ? '' : (',' + bgcolor),title);
	return str_result;
}

function tips_copy(form){
	var str = tips_format(form);
	clipboardData.setData('text',str);
	alert('Copied success! You may published it in BBS.');
}

function show_report_win(id,x,y){
	flag_h = true;

	var div_idea = '\
<iframe id="iframe_bk" style="width:402px;height:215px;display:none;position:absolute;right:' + (document.documentElement.clientWidth - x + 1) + 'px;top:' + (y) + 'px;"></iframe>\
<div id="report_win" class="tips_h2h lt" style="width:400px;height:215px;display:none;position:absolute;z-index:9999;right:' + (document.documentElement.clientWidth - x + 1) + 'px;top:' + (y) + 'px;">\
	<div class="tips_h2h_subject" onclick="flag_text=false;hide_report_win();"><b>Advice</b></div>\
	<div style="padding:0px 7px 5px 7px;">\
		<fieldset>\
			<form name="form_report" method="post" action="/report_submit.aspx">\
			<table width="100%"  border="0" cellspacing="0" cellpadding="5">\
				<tr>\
					<td id="report_inner">\
						User Name: <input type="text" disabled="disabled" size="13" name="username" value="Anonymous" tabindex="1" style="border:1px solid #666;background:#ddd;" /> Password: <input type="password" value="" disabled="disabled" size="13" name="password" tabindex="2" style="border:1px solid #666;background:#ddd;" /> <input type="checkbox" checked="checked" id="report_anony1" name="is_an" onclick="anony_select(this)" /><label for="report_anony1" name="report_anony">Anonymous</label> <a href="http://bbs.b310.com/register.php" target="_blank">Register</a><br>\
						<hr size=1 color="#B5D4E3">\
						Title: <input type="text" maxlength="80" name="title" style="width:300px" value="关于 ' + document.title.substring(0,document.title.indexOf('·')) + '页面的意见" style="border:1px solid #666;" /><br>\
						<hr size=1 color="#B5D4E3">\
						<textarea style="width:360px;" rows="5" id="report_text" name="context" tabindex="3" onkeyup="if(event.keyCode==17 && window.event.keyCode==13) ajax_report_submit(this.form);flag_text=this.value == \'\'?false:true" style="border:1px solid #666;"></textarea><br>\
						<div><input type="button" value=" Post " onclick="ajax_report_submit(this.form);"/>\
						<input type="button" onclick="flag_text=false;hide_report_win();" value=" Close " /><span id="report_msg" style="margin-left:4px;"></span></div>\
					</td>\
				</tr>\
			</table>\
			</form>\
		</fieldset>\
	</div>\
</div>';
	if(id == 're_tips')
		var div_tips ='\
<iframe id="iframe_bk" style="width:402px;height:215px;display:none;position:absolute;right:' + (document.documentElement.clientWidth - x + 1) + 'px;top:' + (y) + 'px;"></iframe>\
<div id="report_win" class="tips_h2h lt" style="width:400px;height:340px;display:none;position:absolute;right:' + (document.documentElement.clientWidth - x + 1) + 'px;top:' + (y) + 'px;">\
	<div class="tips_h2h_subject" onclick="flag_text=false;hide_report_win();"><b>My Tips</b></div>\
	<form name="form_tips" method="post" action="/report_submit.aspx">\
	<div style="padding:0px 7px 5px 7px;" id="report_inner">\
		<div>User Name:<input type="text" size="13" name="username" value="" tabindex="1" style="border:1px solid #666;" /> Password:<input type="password" value="" size="13" name="password" tabindex="2" style="border:1px solid #666;" />&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://bbs.b310.com/register.php" target="_blank">Register</a></div>\
		<hr size=1 color="#B5D4E3">\
		<div>\
			背景颜色:<span style="cursor:pointer;color:#c7d4dc" onclick="$(\'t_info\').style.background=this.style.color">■</span><span style="cursor:pointer;color:#fec478" onclick="$(\'t_info\').style.background=this.style.color">■</span><span style="cursor:pointer;color:#bdadc7" onclick="$(\'t_info\').style.background=this.style.color">■</span><span style="cursor:pointer;color:#c1de87" onclick="$(\'t_info\').style.background=this.style.color">■</span><span style="cursor:pointer;color:#bebda0" onclick="$(\'t_info\').style.background=this.style.color">■</span><span style="cursor:pointer;color:#f8c3d0" onclick="$(\'t_info\').style.background=this.style.color">■</span><span style="cursor:pointer;color:#cacaca" onclick="$(\'t_info\').style.background=this.style.color">■</span><span style="cursor:pointer;color:white" onclick="$(\'t_info\').style.background=this.style.color">■</span>\
			队标:<INPUT type="radio" id="t_size1" name="t_size" value="middle"><label for="t_size1">大</label>\
			<INPUT type="radio" id="t_size2" name="t_size" checked="true" value="small"><label for="t_size2">小</label>\
			推荐信心:<span id="t_s_1" onmouseover="t_s_over(this.id)" onmouseout="t_s_out()" onclick="t_s_click(this.id)" style="cursor:pointer;color:Blue;">★</span><span id="t_s_2" onmouseover="t_s_over(this.id)" onmouseout="t_s_out()" onclick="t_s_click(this.id)" style="cursor:pointer">★</span><span id="t_s_3" onmouseover="t_s_over(this.id)" onmouseout="t_s_out()" onclick="t_s_click(this.id)" style="cursor:pointer">★</span><span id="t_s_4" onmouseover="t_s_over(this.id)" onmouseout="t_s_out()" onclick="t_s_click(this.id)" style="cursor:pointer">★</span><span id="t_s_5" onmouseover="t_s_over(this.id)" onmouseout="t_s_out()" onclick="t_s_click(this.id)" style="cursor:pointer">★</span>\
			<hr size=1 color="#B5D4E3">\
			推荐:<INPUT type="radio" id="t_team1" name="t_team" onclick="$(\'t_info\').getElementsByTagName(\'label\')[0].innerHTML = this.value;$(\'t_title\').value = $(\'t_title\').value.replace(/推荐:(.*),/i,\'推荐:\' + this.value + \',\')" value="' + $('for_r_1').innerHTML.match(/<a .*?>([\s\S]*)<\/a>.*?VS.*?<a .*?>([\s\S]*)<\/a>/i)[1] + '" checked="true"><label for="t_team1">' + $('for_r_1').innerHTML.match(/<a .*?>([\s\S]*)<\/a>.*?VS.*?<a .*?>([\s\S]*)<\/a>/i)[1] + '</label>\
			<INPUT type="radio" id="t_team2" name="t_team" onclick="$(\'t_info\').getElementsByTagName(\'label\')[0].innerHTML = this.value;$(\'t_title\').value = $(\'t_title\').value.replace(/推荐:(.*),/i,\'推荐:\' + this.value + \',\')" value="' + $('for_r_1').innerHTML.match(/<a .*?>([\s\S]*)<\/a>.*?VS.*?<a .*?>([\s\S]*)<\/a>/i)[2] + '"><label for="t_team2">' + $('for_r_1').innerHTML.match(/<a .*?>([\s\S]*)<\/a>.*?VS.*?<a .*?>([\s\S]*)<\/a>/i)[2] + '</label>\
			<INPUT type="radio" id="t_team3" name="t_team" onclick="$(\'t_info\').getElementsByTagName(\'label\')[0].innerHTML = this.value;$(\'t_title\').value = $(\'t_title\').value.replace(/推荐:(.*),/i,\'推荐:\' + this.value + \',\')" value="大球"><label for="t_team3">大球</label><INPUT type="radio" id="t_team4" name="t_team" onclick="$(\'t_info\').getElementsByTagName(\'label\')[0].innerHTML = this.value;$(\'t_title\').value = $(\'t_title\').value.replace(/推荐:(.*),/i,\'推荐:\' + this.value + \',\')" value="小球"><label for="t_team4">小球</label>\
			<input type="hidden" id="t_star" value="1" /><input type="hidden" value="' + $('for_r_1').innerHTML.match(/<a .*?>([\s\S]*)<\/a>.*?VS.*?<a .*?>([\s\S]*)<\/a>/i)[1] + '|' + $('for_r_1').innerHTML.match(/<a.*? href="(.*?)".*?>[\s\S]*<\/a>.*?VS.*?<a.*? href="(.*?)".*?>[\s\S]*<\/a>/i)[1] + '|' + $('for_r_1').innerHTML.match(/<a .*?>([\s\S]*)<\/a>.*?VS.*?<a .*?>([\s\S]*)<\/a>/i)[2] + '|' + $('for_r_1').innerHTML.match(/<a.*? href="(.*?)".*?>[\s\S]*<\/a>.*?VS.*?<a.*? href="(.*?)".*?>[\s\S]*<\/a>/i)[2] + '" id="t_teams" /><input type="hidden" id="t_h_pic" value="' + encodeURI($('for_r_4').innerHTML.match(/<IMG.*? src="([\s\S]*?)">/i) == null ? '' : $('for_r_4').innerHTML.match(/<IMG.*? src="([\s\S]*?)">/i)[1]) + '" /><input type="hidden" id="t_a_pic" value=' + encodeURI($('for_r_5').innerHTML.match(/<IMG.*? src="([\s\S]*?)">/i) == null ? '' : $('for_r_5').innerHTML.match(/<IMG.*? src="([\s\S]*?)">/i)[1]) + ' /><input type="hidden" id="t_time" value="' + $('for_r_2').innerText + '" />\
			<hr size=1 color="#B5D4E3">\
			Title: <input type="text" style="width:340px;" id="t_title" name="title" tabindex="3" value="'+$('for_r_1').innerText+',推荐:' + $('for_r_1').innerHTML.match(/<a .*?>([\s\S]*)<\/a>.*?VS.*?<a .*?>([\s\S]*)<\/a>/i)[1] + ',信心:★" style="border:1px solid #666;" />\
			<hr size=1 color="#B5D4E3">\
			<fieldset>\
				<legend>预览</legend>\
				<table width="99%" border="0" cellspacing="0" cellpadding="5" class="bg0" style="border:1px solid #ccc;margin:2px;" id="t_info">\
					<tr align=center>\
						<td style="width:16%;">' + $('for_r_4').innerHTML.replace('middle','small').replace(/100X100/g,'50X50') + '</td>\
						<td align="center" style="width:68%"><b>' + $('for_r_1').innerHTML + '</b> <br><hr size=1 color="#cccccc">' + $('for_r_2').innerHTML + '<hr size=1 color="#cccccc">\
					推荐: <label>' + $('for_r_1').innerHTML.match(/<a .*?>([\s\S]*)<\/a>.*?VS.*?<a .*?>([\s\S]*)<\/a>/i)[1] + '</label> <label><img src="http://img.b310.com/database/level_1.gif"></label><br></td>\
						<td style="width:16%;">' + $('for_r_5').innerHTML.replace('middle','small').replace(/100X100/g,'50X50') + '</td>\
					</tr>\
					<tr>\
						<td colspan="3" style="border-top:1px solid #ccc;">我的理由：<div><textarea rows="5" id="report_text" name="context" tabindex="4" style="width:350px;" style="border:1px solid #666;" onkeyup="flag_text=this.value == \'\'?false:true"></textarea></div></td>\
					</tr>\
				</table>\
			</fieldset>\
		</div>\
		<div style="margin-top:2px;"><input type="button" value=" Post " onclick="ajax_report_submit(this.form);"/> <input type="button" onclick="flag_text=false;hide_report_win();" value=" Close " /> <input type="button" onclick="tips_copy(this.form)" value=" 复制 " /><span id="report_msg" style="margin-left:4px;"></span></div>\
	</div>\
	</form>\
</div>';
	if($('report_win')) {
		switch(id){
			case 're_idea' : $('report_win').outerHTML = div_idea; show_zoom('report_win'); break;
			case 're_bug' : $('report_win').outerHTML = div_idea.replace('form_report', 'form_bug').replace(/Advice/g,'Report Bugs').replace(/意见/g,'错误'); show_zoom('report_win'); break;
			case 're_tips' : $('report_win').outerHTML = div_tips; show_zoom('report_win'); break;
		}
		$('report_win').style.display = '';
		return;
	}
	var div;
	switch(id){
		case 're_idea' : div = div_idea; break;
		case 're_bug' : div = div_idea.replace('form_report', 'form_bug').replace(/Advice/g,'Report Bugs').replace(/意见/g,'错误'); break;
		case 're_tips' : div = div_tips; break;
	}
	document.body.insertAdjacentHTML("afterBegin",div); //only ie
	//$('ctl00_ctl00_indexbody_SiteMapPath1_siteMapPath').innerHTML += div;
	show_zoom('report_win');
}

function hide_zoom(id){
	$('iframe_bk').style.display = 'none';
	var ele = $(id);
	var height = parseInt(ele.style.height.replace('px',''),10);
	var width = parseInt(ele.style.width.replace('px',''),10);
	ele.innerHTML = '';
	ele.style.border = '1px solid #000';
	var i = setInterval(function(){
		height -= height/4;
		width -= width/4;
		if(height < 20 && width < 20) {
			ele.style.display = 'none';
			clearInterval(i);
		}
		ele.style.height = height;
		ele.style.width = width;
	},20);
}

function show_zoom(id){
	var h = 0,w = 0;
	var ele = $(id);
	var inner = ele.innerHTML;
	var height = parseInt(ele.style.height.replace('px',''),10);
	var width = parseInt(ele.style.width.replace('px',''),10);
	ele.innerHTML = '';
	ele.style.display = '';
	ele.style.height = '0px';
	ele.style.width = '0px';
	var i = setInterval(function(){
		h += height/8+1;
		w += width/8+1;
		ele.style.height = h > height ? height : h;
		ele.style.width = w > width ? width : w;
		if(h > height && w > width) {
			clearInterval(i);
			$('iframe_bk').style.display = 'block';
			ele.style.borderTop = '1px solid #ccc';
			ele.style.borderLeft = '2px solid #ccc';
			ele.style.borderBottom = '2px solid #ccc';
			ele.style.borderRight = '1px solid #ccc';
			ele.innerHTML = inner;
			//ele.onmouseover = function() {flag_h=true;$('iframe_bk').style.display = '';};
			//ele.onmouseout = function() {hide_report_win();};
		}
	},20);
}

function hide_report_win(){
	$('iframe_bk').style.display = 'none';
	flag_h = false;
	setTimeout(function(){
		if(!flag_h && !flag_text && document.activeElement.id != 'report_text') {
			hide_zoom('report_win');
		}
	},100);
}
var flag_h;
var flag_text = false;

function anony_select(obj){
	var texts = $('report_inner').getElementsByTagName('input');
	for(var i = 0 ; i < 2; i++){
		if(texts[i].type == 'text'){
			texts[i].value = obj.checked ? 'Anonymous' : 'Please input your Username';
			texts[i].onfocus = function() { if(this.value == 'Please input your Username') this.value = '' };
			texts[i].onblur = function() { if(this.value == '') this.value = 'Please input your Username' };
		}
		texts[i].disabled = (obj.checked ? true : false);
		texts[i].style.background = obj.checked ? '#ddd' : 'white';
	}
}