<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../common/common.jsp" %>
<%@ taglib prefix="fn" uri="/WEB-INF/fn.tld"%>
<title>节目对标分析</title>
<script type="text/javascript">
var bench_type = "${type}" || 1;
$(function(){
	$.resetText();
	$(".text").input();
	$.checkbox();
	$(".table").hoverTable(true, true);
	$(".select").uiSelect();
	$("#start_time, #end_time").datetimepicker();
	changeDateTab(7);
	$(".tab-buttons").tabMenu({isAdd:false,children:".button",removeClass:"active",fun:function(obj){
		changeBenchTab($(obj).data("tab"));
	}});
	$("#tabMenu").tabMenu({removeClass:"btn-disabled",fun:function(obj){
		changeDateTab(obj.dataset.day);
	}});
	changeTagName();
});
</script>
<link rel="stylesheet" type="text/css" href="${staticPath}css/jquery.datetimepicker.css" />
<script type="text/javascript" src="${staticPath}js/common/jquery.datetimepicker.js"></script>
<script type="text/javascript" src="${staticPath}js/analysis/programmark.js"></script>
<script type="text/javascript" src="${staticPath}js/echarts/esl.js"></script>
<script type="text/javascript" src="${staticPath}js/echarts/chartHead.js"></script>
<script type="text/javascript" src="${staticPath}js/echart/pie.js"></script>
</head>
<body>
<%@ include file="../common/head.jsp" %>
<div class="screen main">
	<div class="radius-tabs">
		<span class="button active">节目对标分析</span>
	</div>
	<div class="mTop20">
		<span class="orange">对标节目</span>&nbsp;&nbsp;&nbsp;&nbsp;
		<ul class="ben-item inline">
			<c:forEach items="${programs}" var="program">
				<li>
					<a href="javascript:void(0);" onclick="delBenId(this);" data-brand='${program}' class="del">x</a>
					<div class="ben-img"><span><img src="${imgUrl}${program}.jpg" width="100" height="100" onerror="javascript:this.src='static/img/noimg.jpg';"/></span></div>
					<div class="ben-title" name="ben-title">《${program}》</div>
				</li>
			</c:forEach>
			<c:if test="${fn:length(programs) < 2}">
				<li id="addBen">
					<a href="javascript:addBenId();" class="ben-img"><span>+添加</span></a>
					<div class="ben-title">&nbsp;</div>
				</li>
			</c:if>
		</ul>
	</div>
	<div class="mTop20">
		<span class="orange">对标时间</span>&nbsp;&nbsp;&nbsp;&nbsp;
		<div class="buttons inline" id="tabMenu">
			<span class="btn btn-disabled" data-day="0">全部</span>
			<span class="btn" data-day="7">最近一周</span>
			<span class="btn btn-disabled" data-day="90">最近三月</span>
			<span class="btn btn-disabled" data-day="365">最近一年</span>
		</div>
		<span class="pLeft20"><input type="text" name="start_time" id="start_time" class="text {text:'开始时间'}" size="10" /> - <input type="text" name="end_time" id="end_time" class="text {text:'结束时间'}" size="10" /></span>
	</div>
	<ul class="tab-buttons mTop20">
		<li class="button button-33 active" data-tab="1">软广结构</li>
		<c:if test="${type ne 4}">
			<li class="button button-33" data-tab="2">软广效果</li>
		</c:if>
		<li class="button button-33" data-tab="3">比较分析</li>
	</ul>
	<div class="box-pd">
		<div class="hd-title" id="title_1">软广频次</div>
		<div class="box-sub-pad">
			<div class="box-row">
				<div class="row-50">
					<div class="sub-title"><span name='brand_1'></span> <span name='title_1'></span> </div>
					<div class="padContent">
						<div id="chart_1" style="height:300px;"></div>
					</div>
					<div align="center" id="ratio_1">
					</div>
				</div>
				<div class="row-50">
					<div class="sub-title"><span name='brand_2'></span> <span name='title_2'></span> </div>
					<div class="padContent">
						<div id="chart_2" style="height:300px;"></div>
					</div>
					<div align="center" id="ratio_2">
					</div>
				</div>
			</div>
		</div>

		<div class="hd-title mTop20" id="title_2">软广时长</div>
		<div class="box-sub-pad">
			<div class="box-row">
				<div class="row-50">
					<div class="sub-title"><span name='brand_1'></span> <span name='title_3'></span></div>
					<div class="padContent">
						<div id="chart_3" style="height:300px;"></div>
					</div>
					<div align="center" id="ratio_3">
					</div>
				</div>
				<div class="row-50">
					<div class="sub-title"><span name='brand_2'></span> <span name='title_4'></span></div>
					<div class="padContent">
						<div id="chart_4" style="height:300px;"></div>
					</div>
					<div align="center" id="ratio_4">
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<%@ include file="../common/footer.jsp" %>
</body>
</html>