var isIE=!-[1,];//IE 
var $prePage; 
var pageCount = 1;
var currentPage=1;
var ss = location.href;
var domain = "http://www.crystalcgstudio.com/server";

function initializeCategories(data,o){
	$.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			
			$('#category ul').html('');
			
			$(xml).find('MaterialType').each(function(){
				var type = $(this).find('TypeName').text();	
				$('#category ul').append('<li><a href=javascript:gotoList("'+type+'");>'+type+'</a></li>');
				if(location.href.indexOf('index.html')!=-1||location.href.indexOf(".html")==-1)
				{
					$('.content').remove('.cases');
					$('.content').append('<div class="cases" id="'+type+'" style="width:590px;"><span onclick=gotoList("'+type+'"); style="cursor:pointer;width:150px;float:left;color:#646464;*margin-left:10px;"  onmouseover=$(this).css("color","#ff0000") onmouseout=$(this).css("color","#646464") >'+type+'</span><span style="float:right;width:50px;font-size:9pt;cursor:pointer;color:#646464;" onmouseover=$(this).css("color","#ff0000") onmouseout=$(this).css("color","#646464") onclick=gotoList("'+type+'")>更多...</span><ul style="width:600px; margin: 5px 0px 0px;padding:0px;"></ul></div>');
				}else if(location.href.indexOf('list.html')!=-1){
					$('.category').find('ul').append('<li><span class="menuButton" style="cursor:pointer;">'+type+'</span></li>');
				}
			});
			if(location.href.indexOf('list.html')!=-1){
					$('.category ul li').each(function(){
					$this = $(this);
					if($.cookie('type')==$this.find('span').html())
					{
						$this.find('span').addClass('select');
					}
					$this.bind('click',function(){
							$this = $(this);
							currentPage = 1;
							$('.select').removeClass('select');
							$this.find('span').addClass('select');
							$.cookie('type', $this.find('span').html(), null);
							initializeList("/API/LoadMaterial","type="+$this.find('span').html()+"&pageNO=1&listCount=15&userName="+$.cookie('userName'));
					});
				});
			}
		 }  
	 }); 
}

function initializeAbout(data,o){
	$.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			
			$('#about ul').html('<li><a href="news.html">公司新闻</a></li>');
			
			$(xml).find('string').each(function(){
			var content = $(this).text();
			if(content!='联系我们')		
			$('#about ul').append('<li><a href=javascript:gotoContent("'+content+'");>'+content+'</a></li>');
			});
		 }  
	 }); 
}

function initializeNewsList(data,o){   
	 $.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			
			$('.news ul:first').html('');
			
			$(xml).find('newsList').each(function(){
			var id = $(this).find("id").text();
			var title = $(this).find("title").text();	
			$('.news ul:first').append("<li><a href='javascript:gotoNews("+id+");'><span class='newsList'>"+title+"</span></a></li>");
			});
		 }  
	 }); 
}

function initializeNews(data,o){   
	 $.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			
			$('.words ul').html('');
			
			$(xml).find('newsList').each(function(){
			var id = $(this).find("id").text();
			var time = $(this).find("time").text().substr(0,10);	
			var title = $(this).find("title").text();	
			$('.words ul').append("<li><a href='javascript:gotoNews("+id+");'><span style='width:587px;float:left;cursor:pointer;'>"+title+"</span><span style='width:85px;float:left;'>"+time+"</span></a></li>");
			});
		 }  
	 }); 
}

function initializeCate(data,o){   
	 $.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			
			
			$(xml).find('case').each(function(i){
				var id = $(this).find("id").text();
				var name = $(this).find("name").text();
				var type = $(this).find("type").text();
				var img =  $(this).find("image").text();
				var mark =  $(this).find("mark").text();
				if(mark=='1')
				{
					$('#'+type).find('ul').append("<li><a href='javascript:$.cookie(\"currentType\",\""+type+"\",null);goToDetail("+id+")'><div class='mark'></div><img src='"+domain+img+"' height='111px' width='180px'/><span>"+name+"</span></a></li>");
				}else{
					$('#'+type).find('ul').append("<li><a href='javascript:$.cookie(\"currentType\",\""+type+"\",null);goToDetail("+id+")'><img src='"+domain+img+"' height='111px' width='180px'/><span>"+name+"</span></a></li>");
				}
			});
		 }  
	 }); 
}

function initiallizeEventList(data,o){   
	 $.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			
			$('.news ul:last').html('');
			
			$(xml).find('Event').each(function(i){
				var id = $(this).find("id").text();
				var title = $(this).find("title").text();
				$('.news ul:last').append('<li style="width:320px;background:url(images/icons/goEvent.png) no-repeat 100% 50%;"><a href="javascript:gotoEvent('+id+')">'+title+'</a></li>');
			});
		 }  
	 }); 
}

function initializeList(data,o){   
	 $.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			
			//initialize pagecount
			$('.page ul').html('');
			$('.page ul').append('<li id="l_arrow" style="margin-top:8px;cursor:pointer;"><img src="images/icons/arrow_l.png" height="11px" width="12px" style="margin-right:3px;"/></li>');
			$('.page ul').append('<li id="r_arrow"style="margin-top:8px;cursor:pointer;"><img src="images/icons/arrow_r.png" height="11px" width="12px" style="margin-left:3px;" /></li>');
			
			pageCount = parseInt($(xml).find('pageCount').text());
			if(pageCount==0)
				pageCount=1
			
			for(var i=1;i<=pageCount;i++)
			{
				if(i==currentPage)
					$('<li id="page_'+i+'" onclick="gotoPage('+i+')" style="margin-left:2px;margin-right:4px;"><span class="pageButton" >['+i+']</span></li>').insertBefore($('#r_arrow'));
				else
					$('<li id="page_'+i+'" style="cursor:pointer;" onmouseover=$(this).css("text-decoration","underline") onmouseout=$(this).css("text-decoration","none") onclick="gotoPage('+i+')"><span class="pageButton">'+i+'</span></li>').insertBefore($('#r_arrow'));
			}
			
			
			$('#l_arrow').bind('click',function(){pageHandler('prev');});
			$('#r_arrow').bind('click',function(){pageHandler('next');});
			$('.page ul li:first').css('margin-left',140-$('.page ul li').size()*6);
		
			$('.caseList').find('ul').html(''); 
			
			if($.cookie('type'))
				$.cookie('currentType',$.cookie('type'),null);
			
			
			$(xml).find('case').each(function(i){
				var id = $(this).find("id").text();
				var name = $(this).find("name").text();
				var type = $(this).find("type").text();
				var img =  $(this).find("image").text();
				var mark =  $(this).find("mark").text();
				if(mark=='1')
				{
					if(i%5==0)
						$('.caseList').find('ul').append('<li style="margin-left:0px;"><a href="javascript:goToDetail('+id+')"><div class="mark"></div><img src="'+domain+img+'" height="111px" width="180px"/><span>'+name+'</span></a></li>');
					else
						$('.caseList').find('ul').append('<li><a href="javascript:goToDetail('+id+')"><div class="mark"></div><img src="'+domain+img+'" height="111px" width="180px"/><span>'+name+'</span></a></li>');
				}else{
					if(i%5==0)
						$('.caseList').find('ul').append('<li style="margin-left:0px;"><a href="javascript:goToDetail('+id+')"><img src="'+domain+img+'" height="111px" width="180px"/><span>'+name+'</span></a></li>');
					else
						$('.caseList').find('ul').append('<li><a href="javascript:goToDetail('+id+')"><img src="'+domain+img+'" height="111px" width="180px"/><span>'+name+'</span></a></li>');
				}
			});
		 }  
	 }); 
}

function pageHandler(type)
{
	if(type=='prev')
	{
		if(currentPage>1)
		{
			if($('.page ul li').eq(1).find('span').html()>1)
			{
				
			}else{
				gotoPage(currentPage-1);
			}
		}
	}else{
		if(currentPage<pageCount)
		{
			if($('.page ul li:last').prev().find('span').html()<pageCount)
			{
				
			}else{
				gotoPage(currentPage+1);
			}
		}
	}
}

function gotoPage(index)
{
	currentPage = index;

	var type='';
	var time = '';
	var letter = '';
	var userName = '';
	if($.cookie('userName'))
		userName = $.cookie('userName');
	if($.cookie('type'))
		type= $.cookie('type');
	if($('#charactor').css("background-color")=="#003956")
		letter = $('.condition_detail_charactor ul').find('.conditionCharacter_current').html();
	if($('#date').css("background-color")=="#003956")
		time = $('.condition_detail_date ul').find('.conditionTime_current').html();
var key = $('#key_word').attr('value')=="搜索"?"":$('#key_word').attr('value');
initializeList("/API/LoadMaterial","type="+type+"&pageNO="+index+"&listCount=15&userName="+userName+"&keyword="+key+"&letter="+letter+"&time="+time);
}

function initializeDateList(data,o){   
	 $.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			$('.condition_detail_date ul').html(''); 
			$(xml).find('int').each(function(i){
				var date = $(this).text();
				$('.condition_detail_date ul').append('<li onclick="changeDate('+date+')">'+date+'</li>');
			});
		 }  
	 }); 
}

function changeDate(date)
{
	var type='';
	var time = '';
	var userName = '';
	if($.cookie('userName'))
		userName = $.cookie('userName');
	if($.cookie('type'))
		type= $.cookie('type');
	
	time = date;
	initializeList("/API/LoadMaterial","type="+type+"&pageNO=1&listCount=15&userName="+userName+"&letter=&time="+time);
}

function initializeContent(data,o)
{
	$.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			$(xml).find('string').each(function(i){
				
				var content = $(this).text();
				$('.words').html('');
				$('.words').html(content);
			});
		 }  
	 }); 
}

function initializeEvent(data,o)
{
	$.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			$(xml).each(function(i){
				var title = $(this).find('title').text();
				var content = $(this).find('text').text();
				var img = domain+$(this).find('image').text();
				$('.pic_words img').attr('src',img);
				$('.copyright_title').html(title);
				$('.pic_words span').html(content);
			});
		 }  
	 }); 

}

function goToDetail(id)
{
	$.cookie('case_ID', id, null);
	$.cookie('type', '', null);
	location.href = "detail.html";
}

function gotoNews(id)
{
	$.cookie('news_ID', id, null);
	$.cookie('type', '', null);
	location.href = "newsDetail.html";
}

function getDetail(data,o){
	$.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			var currentType="";
			if($.cookie('currentType'))
				currentType = $.cookie('currentType');
			$(xml).find('case').each(function(i){
				var id = $(this).find("id").text();
				var name = $(this).find("name").text();
				var type = $(this).find("type").text();
				var text = $(this).find("text").text();
				var hd =  $(this).find("HD").text();
				var video =  domain+$(this).find("video").text();
				if(video!='')
					playVideo(video,hd);
				else
					$('.video_detail').append('<img src="'+domain+$(this).find("images").find('string:first').text()+'" width="572px" height="466px"/>');	
				if(currentType!="")
					$('.caseName').html("<span style='width:60px;float:left;cursor:pointer;background-color:#f0f0f0;' onclick=\"location.href='list.html'\" onmouseover=\"$(this).css('text-decoration','underline')\" onmouseout=\"$(this).css('text-decoration','none')\">案例库 </span>"+"<span style='float:left;width:40px;background-color:#f0f0f0;'>&nbsp; > </span><span style='float:left;cursor:pointer;background-color:#f0f0f0;' onmouseover=\"$(this).css('text-decoration','underline')\" onmouseout=\"$(this).css('text-decoration','none')\" onclick='gotoList(\""+currentType+"\")'&nbsp;>"+currentType+"</span><span style='float:left;width:40px;background-color:#f0f0f0;'>&nbsp; > &nbsp;</span>"+name);
				else
					$('.caseName').html("<span style='width:60px;float:left;cursor:pointer;background-color:#f0f0f0;' onclick=\"location.href='list.html'\" onmouseover=\"$(this).css('text-decoration','underline')\" onmouseout=\"$(this).css('text-decoration','none')\">案例库 </span>"+"<span style='float:left;width:40px;background-color:#f0f0f0;'>&nbsp; > &nbsp;</span>"+name);
				$('#pane1').html(text);
				$(this).find("images").find('string').each(function(){
					$('#gallery ul').append('<li><a href="'+domain+$(this).text()+'" title=""><img src="'+domain+$(this).text()+'" height="111px" width="180px" alt=""/></a>');
				});
			});
		 }  
	 }); 
}

function gotoContent(content){
	$.cookie('content', content, null);
	location.href = "content.html";
}

function gotoEvent(id){
	$.cookie('event', id, null);
	location.href = "event.html";
}

function getNews(data,o){
	$.ajax({
		 data:o,    
		 url:domain+data, 	 
		 type:"POST",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",  
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }
			$(xml).find('news').each(function(i){
				var title = $(this).find("title").text();
				var content = $(this).find("content").text();
				var hasVideo = $(this).find("HasVideo").text();
				var videoURL = domain+$(this).find("videoURL").text();
				
				$('.news_title').html(title);
				$('.news_content').html(content);
				
				if(hasVideo!="0")
				{
					playVideo(videoURL)
					$('#news_video').css("display","inline");
				}else{
					$('#news_video').css("display","none");
				}
			});
			$(".news_content").find("img").each(function(){
				$(this).attr("src",domain+$(this).attr("src"));
			});
		 }  
	 }); 
}

function logOut()
{
	$.cookie('userName', '', null);
	$('#logIn ul li:first').css('display','inline');
	$('#logIn ul li').eq(1).css('display','inline');
	$('#logIn ul li').eq(2).css('display','none');
	$('#logIn ul li:last').css('display','none');
	
	window.location.reload(); 
}


$(document).ready(function(){
	initializeCategories("/API/GetMaterialType","");
	initializeAbout("/API/GetContentType","");
});