/**
 * 整个流程首先通过callfunction 和 setting把需要的值返回来。
 * 第一次进入此页面后，callfunction负责图片，setting负责配置参数传递
 * setting第一次将配置参数传入之后，初始化分页，并用_index_preAclick
 * 给每个页码符号加上点击响应事件
 * 这个响应事件执行时刷新页面图片，同时刷新分页，之后又将新的分页加上响应事件，以此类推
 *///index------创建对应js文件时实际参数
if (Drupal.jsEnabled)
{    
	var index_para1 = new Array();
 	var index_para2 = new Array();
	var index_para3 = new Array();
	var index_pic_address ='';
	var index_jsseturl="?q=picshow/getjson_jsdata/index/";//index创建对应js文件时会实际参数
    var index_selectflag ='#index-';
    var index_url='?q=picshow/getjson_pics/index/';
    var index_url_sort='?q=picshow/getjson_pics/index/';
	var index_singlepage='show';
	var	index_numPerpage=12;	   
	var index_totalnum=12;      
	var index_pageNum=1;

	function getdata(cur){
		 //alert(cur.id);
		 var preid  = $('#chengshi').html();
		 if(preid== cur.id) return;

		 var src = $("img[@id="+preid+"]").attr('src');
		 var suf = src.substr(18,22);

         $("img[@id="+preid+"]").attr('src',"public/images/dao"+suf);

		 var src2 = $("img[@id="+cur.id+"]").attr('src');
		 var suf2 = src2.substr(18,22);

		 $("img[@id="+cur.id+"]").attr('src',"public/images/dao"+'2_'+suf2);

		 $('#chengshi').html(cur.id);
		 $.get(index_jsseturl, null,get_index_jssettings);
	     return false;
	}
	
 $(document).ready(function(){
        //修改页面图片及相关信息
        $.get(index_jsseturl, null,get_index_jssettings);
	    
	    return false;
     });

var get_index_jssettings=function(data){
	     var result = Drupal.parseJson(data);//解析服务器端传来的数据
		 if (result['data']!=undefined)
		 {
			 alert(result['data']);
			 return false;
		 }else{
				 index_para1 = result['para1'];
 				 index_para2 = result['para2'];
				 index_para3 = result['para3'];
				 index_pic_address =result['path'];
				 index_url=result['url'];
				 index_singlepage=result['singlepage'];;
				 
				 // 针对
					 var id = $('#chengshi').html();	
					 if(id!=''){
						 index_url='?q=PicShow/getjson_pics/index/_@area/'+id+'/page/1';
						 index_info();
					 }
				  
				 
	     }
     
	}

function index_info(){
	      $.get(index_url, null,index_callfunction );//页面数据替换处理
		  //分页时的链接输出设定
}


/**
 * 这是由json数据中解出一些设置信息，主要作为分页代码的参数
 * 
 */
function index_setting(index_pageNum){
     	 //以下是页面链接的输出部分-
		 //方式一--简单将所有翻页页面链接输出
	     //_index_alinkOut(0,index_pageNum); 
	     //_index_preAclick(true);
         //方式二--采用select方式将页面链接输出
		 //_index_alinkSelect(index_pageNum); 
		 index_PreNextPage(index_pageNum);
	}

/**
 *  这个函数主要用来从json数据中解出图片信息，并且修改页面显示
 *  是一个回调函数，结合$.get使用
 */
   function _index_processCase(jnum,inum,index_para1,index_para2,index_para3,data){
       //i,j,'票数','href',result

		  if(index_para2=='html'&&index_para2=='_name'){ 
               inum<=data.length?$(index_selectflag+inum+'-'+jnum).html(index_para3+data[inum-1][index_para1].substr(0,4)):$(index_selectflag+inum+'-'+jnum).html(index_para3+''); 
	      }else if(index_para2=='html'&&index_para2!='_name'){
			                 inum<=data.length?$(index_selectflag+inum+'-'+jnum).html(index_para3+data[inum-1][index_para1]):$(index_selectflag+inum+'-'+jnum).html(index_para3+''); 
	      }else if(index_para2=='href'&&index_para3=='view'){
			   inum<=data.length?$(index_selectflag+inum+'-'+jnum).attr(index_para2,'?q=PicShow/index/'+data[inum-1][index_para1]+'/'+index_singlepage+'/'+index_para3):$(index_selectflag+inum+'-'+jnum).attr(index_para2,'#'); 
	      }else if(index_para2=='href'&&index_para3=='vote'){
			   inum<=data.length?$(index_selectflag+inum+'-'+jnum).attr(index_para2,'javascript:xingtivote(2,'+data[inum-1][index_para1]+','+'"index-'+inum+'")'):$(index_selectflag+inum+'-'+jnum).attr(index_para2,'#'); 
	      }		  else if(index_para2=='href'&&index_para3=='null'){
			   inum<=data.length?$(index_selectflag+inum+'-'+jnum).attr(index_para2,data[inum-1][index_para1]):$(index_selectflag+inum+'-'+jnum).attr(index_para2,'#'); 
	      }else if(index_para2=='src'){
			   if(inum<=data.length){
				  var temp=data[inum-1][index_para1];
                  if(index_para1=='_filename'){
                     temp=='_s.'?temp=data[inum-1]['_fileclip']:temp=data[inum-1]['_filename'];
			      }
				  if(index_para1=='_fileclip'){
                     temp=='_s.'?temp=data[inum-1]['_filename']:temp=data[inum-1]['_fileclip'];
			      }

				  $(index_selectflag+inum+'-'+jnum).attr(index_para2,index_pic_address+temp);
				  $(index_selectflag+inum+'-'+jnum).attr('title',data[inum-1]['description']);
			   }
			   else{
				   $(index_selectflag+inum+'-'+jnum).attr(index_para2,'public/images/qizhi_21.jpg'); 
			   }
		  }else if(index_para3=='display'){
			   if(inum<=data.length){
                  data[inum-1][index_para1]==1?$(index_selectflag+inum+'-'+jnum).show():$(index_selectflag+inum+'-'+jnum).hide();
			   }else{
                  $(index_selectflag+inum+'-'+jnum).hide();
			   }
	      }else if(index_para2=='title'){
			   if(inum<=data.length){
                 $(index_selectflag+inum+'-'+jnum).attr(index_para2,data[inum-1][index_para1]);
			   }
	      }

  }
	   
	var index_callfunction=  function(data){
	    var result = Drupal.parseJson(data);//解析服务器端传来的数据
		var flag=true;
	   if(result.length==0) 
		 {   
		   if(index_url.indexOf('!')>1)
			     alert('-无相关数据-');
			 flag=false;
		 }
	 if(flag){
	    index_numPerpage=result[0]['picnum_perpage'];	   
	    index_totalnum=result[0]['totalnum'];      
	    index_pageNum=Math.ceil(index_totalnum/index_numPerpage);
	}

	    ss = index_url.split("/"); 
	    if(ss[ss.length-1]==1){
			index_setting(index_pageNum);
        }

	    var temp=index_numPerpage;
	    
	    var i=1;
	    while(i<=temp){
	        var j=0;
	        while(j<index_para1.length-1){ 
                     _index_processCase(j,i,index_para1[j],index_para2[j],index_para3[j],result);
	                 j++;
	             } //while j
	           i++;
	     }//while i
	 

	}//callfunction  


//页面翻页链接所需要的函数
//方式一--上下翻页
//---页面链接方式一---上下翻页  ----用到了 messagelist__nextPath函数 
function index_PreNextPage(total){
    var str = '';		
	var temp = index_url.split("page"); 
    temp = temp[0]+'page/'+total;
	var select = _index_alinkSelect(total);

    str='<a id="indexcurpage" style="display:none">1</a>'+
		'<a href="javascript:index_nextPath(\''+index_url+'\');">首页</a>  '+
	    '<a href="javascript:index_prepage();">上一页</a>  '+
		'第<select id="select" onchange="index_nextPath(this.options[this.selectedIndex].value)">'+
		select+
		'</select>   页 '+
		'<a href="javascript:index_nextpage();">下一页</a>  '+
		'<a href="javascript:index_nextPath(\''+temp+'\');">末页</a>';
	$('#index-select').html(str);	 
}

function index_prepage(){
	var ss = $('#indexcurpage').html();
	
	if(ss==1){
		alert('已是第一页');
	}else{
		var temp = index_url.split("page"); 
		ss--;
        index_url = temp[0]+'page/'+ss;
	    index_info();
		$('#indexcurpage').html(ss);
	    $(index_selectflag+ss).attr('selected',true);
	}
}

function index_nextpage(){
    var ss = $('#indexcurpage').html();
	
	if(ss>=index_pageNum){
		alert('已是最后一页');
	}else{
		var temp = index_url.split("page"); 
		ss++;
        index_url = temp[0]+'page/'+ss;
	    index_info();
		$('#indexcurpage').html(ss);
		$(index_selectflag+ss).attr('selected',true);
	}
}
//enddddddd方式一--上下翻页
//方式二--select框输出方式
//---页面链接方式二---select方式-----0924
function _index_alinkSelect(total){
    var str = '';
    var temp =index_url.substr(0,index_url.length-1);							
    for(var i=1;i<=total;i++){
		str+='<OPTION value="'+temp+i+'"'+'id="'+'index-'+i+'" '+'>'+i+'</OPTION>';
	}
	return str;
}

function index_nextPath(url){
   index_url = url;
   $.get(url, null,index_callfunction );//这里是要传的参数

        //以下是在 上下翻页形式时 会用到。
   var temp = index_url.split("page"); 
   var num = temp[1].split("/"); 
   $('#indexcurpage').html(num[1]);
   $(index_selectflag+num[1]).attr('selected',true);
}
//以上为---页面链接方式二---select方式-----0924 var temp =index_url_sort+'_s_a/'+asc+'/page/1';

function index_sortchange(sortflag,value){
	
    var temp =index_url_sort+sortflag+'/'+value+'/page/1';	
	index_url = temp;
	
	index_info();
}

}


function index_searchfunc(){
	var flag = $('input[@name=radio][@checked]').val();

	var sortflag ='_!';
   if(flag==2){
     sortflag += 'username';
	}else if(flag==1){
     sortflag += 'title';
	}
	var val = $('#sortvalue').val();
    var temp =index_url_sort+sortflag+'/'+val+'/page/1';	
	index_url = temp;
  
	index_info();
}