$(document).ready(function(){
  $('#products_div').empty();
  $.get('/st/xml/cet6_types.xml', showTypes);
  init_login();
  init_buy();   
  locate_type();
  init_validip();
});              

var global_exam = "cet6";
var global_type = "realtest";

function locate_type(){

	try{
		var local_url = document.location.href;
		var index_id = local_url.indexOf('target');
		if( index_id > 0 ) {
			var c =  local_url.substring(index_id);
			var topic = c.slice(7);
			global_type = topic;
		}
	}catch(err){
		
	}
}


function showTypes(data){

  var categoryHTML = "";
  
  var exam = $(data).find('content').attr('exam');  
  
  categoryHTML = categoryHTML + "<div class='topic_header'></div>"
  
  $(data).find('category').each(function(){
  	var $item = $(this);
  	categoryHTML = categoryHTML + "<div class='left_menu_item' id='" + $item.find('type').text() + "'>" + $item.find('name').text() 
   + "</div>";  
  });  
  
 $("#category_div").append($(categoryHTML));   
 
  $('.left_menu_item').hover(
  			function () {
		        $(this).addClass("highlight");
		      }, 
		      function () {
		       $(this).removeClass("highlight");
		      }
	);	


 $("#category_div").each(function(){
	    var $category_div = $(this);
	    
	    $('div:gt(0)', $category_div).click(function(){
	    	addEventToItem($(this));
	    });
	    
  });
	
  loadcontent( global_exam, global_type );
  
  var addEventToItem = function(a){
		$("#materials_div").block();
		var $alink = $(a);
	    var type = $alink.attr("id");
	    loadcontent( global_exam, type );
	    global_type = type;
      }
}

function loadcontentbyurl( content_url ) {
			var tableHTML ="";
			var global_valid = false;
			var global_online = false;
			var global_ip_valid = false;//
   			tableHTML += "<div id='testHeader'>" + "" + "</div>";
	    	$.get( content_url,
	     	
	     	function(data){
	     	
	     	$('#materials_div').empty();
			$('#materials').unblock();
	     	global_valid = $(data).find('valid').text();
	     	global_online = $(data).find('online').text();
	     	global_ip_valid = $(data).find('ip_valid').text();
	     	
	     	$(data).find('items').each(function() {
	     		var $items = $(this);
	     	$items.find('item').each( function(index_id){
		
					var $item = $(this);
					
					var serial_number = $item.find('serial_number').text();
					var introduction = $item.find('introduction').text();
					var finished = $item.find('finished').text();
					var finished_time = $item.find('finished_time').text();
					var url = $item.find('url').text();
					var review_url = $item.find('review_url').text();
					var score = $item.find('score').text();
					
					var itemHTML = "";
					itemHTML +="<div class='todo_item'>";

					itemHTML += "<div class='serialNumber' title='" + serial_number+"'><img src='/st/images/gaokao_1/test/test.png' border='0'/></div>";
					
					
					if( finished == 'true'){
						itemHTML += "<div class='test_introduction'>" 
						itemHTML += introduction + "";  
						itemHTML += "<div class='finish_time'>完成时间:" + finished_time +"</div>";
						itemHTML +="</div>";
						itemHTML += "<div class='link_out'>"
						itemHTML += "得分：" + score;
						itemHTML += "<a href='" + url + "' target='_blank'><img src='/st/images/gaokao_1/tools/redo.gif' border=0/></a>";
						itemHTML += "<a href='" + review_url + "' target='_blank'><img src='/st/images/gaokao_1/tools/review.gif' border=0/></a></div>"; 
					}else{
	
						if(global_online == 'true'){
						if(global_ip_valid == 'true'){
						  itemHTML += "<div class='test_introduction'>" + introduction + "</div>";
							itemHTML += "<div class='link_out'><a href='" + url + "' target='_blank'><img src='/st/images/gaokao_1/tools/begin.gif' border=0/></a></div>";
						}
						else if(global_ip_valid == 'false'){
						  itemHTML += "<div class='test_introduction'>" + introduction + "</div>";
							itemHTML += "<div class='link_out'><a href='#null' id='a_not_validip_"+index_id+"'><img src='/st/images/gaokao_1/tools/begin.gif' border=0/></a></div>";
						}							
						}else if( !(global_online == 'true') ){
							itemHTML += "<div class='test_introduction'>" + introduction + "</div>";
							itemHTML += "<div class='link_out'><a href='#null' id='a_not_login_"+index_id+"'><img src='/st/images/gaokao_1/tools/begin.gif' border=0/></a></div>";
						}
					}
					itemHTML += "<div class='cleared'></div>";
					itemHTML += "</div>";
					tableHTML += itemHTML;

				});
			});
			tableHTML += "<div class='cleared'></div>";
			tableHTML += "<div class='navs'>"; 	
			var count = $(data).find('count').text();
			tableHTML +="<div class='count'>共" + count +"条 </div>"
			$(data).find('buttons').each(function() {
	     		var $items = $(this);
	     		$items.find('item').each( function(){
		
					var $item = $(this);
					
					var current = $item.find('current').text();
					var page = $item.find('page').text();
					var url = $item.find('url').text();
					
					var itemHTML = "";

					itemHTML += "<div class='button_current_" + current + "' id='" + url + "'>" + page + "</div>";
					tableHTML += itemHTML;

				});
			});
			
			tableHTML += "</div>";
			
			
			$('#materials_div').append($(tableHTML));
			
			//缺省选定的效果
			
			$("#category_div").each(function(){
				    var $category_div = $(this);
				    
				    $('div', $category_div).each(function(){
				    	$(this).removeClass('clickhighlight');
				    });
				    
			});
			
			var addEventToNavItem = function(a){
				$("#materials_div").empty();
				var $alink = $(a);
			    var url = $alink.attr("id");
			    loadcontentbyurl(url );
		  	}
		  
			$(".navs div").each( function(){
					var $nav_item = $(this);
					var url = $nav_item.attr('id');
				    if( url != ''){
				    	$nav_item.click(function(){
				    		addEventToNavItem($nav_item);
				    	});
				    }
			});
			            
	    $('#'+global_type).addClass('clickhighlight');  
		    
		    //取得主题
		    var testHTML = $('#'+global_type).html();
		    $('#testHeader').html(testHTML);  
		    
		$('a[@id^="a_not_login_"]').each( function( index ){
			var $alink = $(this);
			$alink.click( function(){
					block_with_login();
				}
			);
		});
		
		$('a[@id^="a_not_buy_"]').each( function( index ){
			var $alink = $(this);
			
			$alink.click( function(){
					block_with_no_buy();
				}
			);
		}); 
		
		$('a[@id^="a_not_validip_"]').each( function( index ){
			var $alink = $(this);
			
			$alink.click( function(){
					block_with_no_validip();
				}
			);
		});
		
		 
		});//function(data)
}
//加载内容
function loadcontent( exam, type ) {
	   var ran = Math.random(); 
	   var url = '/lib/mybingo/getTestMaterialsList.xml?exam=' + exam + '&type=' + type + "&ran=" + ran;
	   loadcontentbyurl(url);
}

function init_login() {

  var href = window.location.href;

	var strHTML = "<div id='div_no_login' style='display:none;width:400px;bgcolor:#b7d8ed;'>";
	strHTML += "<div class='alertmsg'>";
	
	strHTML += "<form action='/lib/common/login.html'  method='POST'>";
	strHTML += "<table bgcolor='#b7d8ed' width='350'><tr>";
	strHTML += "<td colspan='2' align='left'> <span class='account_title'>请先登录</span> <br/><br/></td></tr>";
	strHTML += "<tr><td valign='top'><img src='/st/images/ut.png'/></td><td>";
	strHTML += "<table><tr><td>帐号：</td><td align='left'><input name='username' type='text' size='20'/></td></tr>";
	strHTML += "<tr><td>密码：</td><td align='left'><input name='password' type='password' size='21'/></td></tr>";
	strHTML += "<tr><td colspan='2' align='left'><input type='submit' value='登录'/>";
	strHTML += "<input type='hidden' name='returnURL' value='" + href + "'/></td></tr></table></td></tr>";
	strHTML += "<tr><td colspan='2' align='left'><hr class='dashedhr'/><table width='200'>";
	strHTML += "<tr><td width='50'><img src='/st/images/y_index_arrow.png' /></td><td>忘记密码？</td>";
	strHTML += "<td><a href='/lib/common/findbackpwd.html'>取回密码</a></td></tr><tr>";
	strHTML += "<td><img src='/st/images/y_index_arrow.png' /></td><td>没有帐号？</td>";
	strHTML += "<td><a href='/lib/common/registuser.html'>注册</a></td></tr></table></td></tr></table></form>";
	
	
	strHTML += "</div>";
	strHTML += "<div id='close' style='text-align:center;cursor:hand;'><img src='/st/images/close.gif'/></div>";
	strHTML += "</div>";
	$(strHTML).prependTo('body');	
	$('#div_no_login').find('#close').click(function(){
	   $('#materials_div').unblock();
	});
}

function init_buy() {
	var strHTML = "<div id='div_no_buy' style='display:none;width:400px;'>";
	strHTML +="<div class='alertmsg'><table><tr><td><img src='/st/images/gaokao_1/account/forbid.png' border='0'></td><td align='right'>您还没有购买该产品或者您的服务已经到期，请先购买<br/><hr class='dashedhr'/><a href='/lib/account/cet6/index.do' target='_self'>购买</a></td></tr></table><div>";
	strHTML += "<div id='close' style='text-align:center'><img src='/st/images/close.gif'/></div>";
	strHTML +="</div>"
	$(strHTML).prependTo('body');
	$('#div_no_buy').find('#close').click(function(){
	   $('#materials_div').unblock();
	});
}

function init_validip() {
	var strHTML = "<div id='div_no_validip' style='display:none;width:400px;'>";
	strHTML +="<div class='alertmsg'><table><tr><td><img src='/st/images/gaokao_1/account/forbid.png' border='0'></td><td align='right'>您的IP地址不符合要求.<br/><hr class='dashedhr'/></td></tr></table><div>";
	strHTML += "<div id='close' style='text-align:center'><img src='/st/images/close.gif'/></div>";
	strHTML +="</div>"
	$(strHTML).prependTo('body');
	$('#div_no_validip').find('#close').click(function(){
	   $('#materials_div').unblock();
	});
}

function block_with_login(){
	$('#materials_div').block(
		{ 
			message: $('#div_no_login'),
			overlayCSS:  {  
        		backgroundColor:'#000',  
        		opacity:        '0.8'  
    		},
    	css:{
    			padding:        0, 
		        margin:         0, 
		        width:          '30%',  
		        position:       'fixed',
		        left:           '50%' , 
		        textAlign:      'center',  
		        color:          '#000',  
		        border:         '3px solid #aaa', 
		        backgroundColor:'#b7d8ed',
		        cursor:         'auto' 
    		}
    	}
	);
}

function block_with_no_buy(){
	$('#materials_div').block(
		{ 
			message: $('#div_no_buy'),
			overlayCSS:  {  
        		backgroundColor:'#000',  
        		opacity:        '0.8'  
    		},
    		css:{
    			padding:        0, 
		        margin:         0, 
		        width:          '30%',  
		        position:       'fixed',
		        left:           '50%' ,   
		        textAlign:      'center',  
		        color:          '#000',  
		        border:         '3px solid #aaa', 
		        backgroundColor:'#fff', 
		        cursor:         'auto' 
    		}
    	}
	);
}

function block_with_no_validip(){
$('#materials_div').block(
		{ 
			message: $('#div_no_validip'),
			overlayCSS:  {  
        		backgroundColor:'#000',  
        		opacity:        '0.8'  
    		},
    		css:{
    			padding:        0, 
		        margin:         0, 
		        width:          '30%',  
		        position:       'fixed',
		        left:           '50%',  
		        textAlign:      'center',  
		        color:          '#000',  
		        border:         '3px solid #aaa', 
		        backgroundColor:'#fff', 
		        cursor:         'auto' 
    		}
    	}
	);
}