// JavaScript Document
$(function(){
		   show(".downpic dl dd.on",".downpic dl dd","p.size b"," p.size u","p.subtitle",".text-list span",".text-list span a","map.png");
		   downclick(".downpic dl dd","dd.img");
		   pagebar(".downpic dl dd","b.downleft","b.downright");
		   picpagebar(".downpic dl dd.on",".downpic dl dd",".up-left",".picnext");
		   /////
		   map("#Map area",".map_content h4 span",".map_content",".map_content h4 a");
		   })
 //显示器  

 
var show = function(target,brother,index,num,subtitle,content,xhref,src){
	        //<dd index="1" subtitle="我爱我家1" content="这里尽是内容1" xhref="http://www.baidu.com"><img src="pic/1.jpg" /></dd>
			//index3 = $(".downpic dl dd").index($("dd.on"));
            var index2 = $(target).attr("index");
			var num2 = $(brother).length;
	        var subtitle2 = $(target).attr("subtitle");
			var content2 = $(target).attr("content");
			var xhref2 = $(target).attr("xhref");
			var src2 = $(target+" img").attr("src");
//		
			$(index).text(index2,src);
			$(num).text(num2);
			$(subtitle).text(subtitle2);
			$(content).text(content2);
			$(content).attr("href",xhref2);
			$(src).attr("src",src2);
			
	};
 //点击器
 var downclick = function(obj,src){
	 
	              $(obj).click(function(){
										
								var src2 =$(this).find("img").attr("src");		
								$(src).attr("src",src2);
								$(this).siblings().removeClass("on");
								$(this).addClass("on");
								show(".downpic dl dd.on",".downpic dl dd","p.size b"," p.size u","p.subtitle",".text-list span",".text-list span a","dd.up-mid img");	
								
										});
	 
	 };
//翻页效果
var pagebar = function(target,pre,next){
	
			   $(next).click(function(){
						       
							   var cut = $(target+":lt(4)");
							   $(cut).appendTo($(target).parent());
							   
							    	  
									  });
	           $(pre).click(function(){
							    var index = $(target).index($(target+":last"));
								index = index - 4;
								
							    var cut = $(target+":gt("+index+")");
								$(cut).prependTo($(target).parent());
									 });
	
	};
	var i = 0;
//翻小页效果
var picpagebar = function(target,brother,pre,next){
		
	              $(next).click(function(){
								 
								 $(target).next().addClass("on");
								 $(target+":last").siblings().removeClass("on")	; 
								 show(".downpic dl dd.on",".downpic dl dd","p.size b"," p.size u","p.subtitle",".text-list span",".text-list span a","dd.img");
								 var pindex = $(brother).index($(".on"));
							
								 if(pindex > 5)
								 {
									 
									var cut = $(brother+":lt(6)");
							        $(cut).appendTo($(brother).parent());
							        
								 }
								
										 });
				  $(pre).click(function(){
								  $(target).prev().addClass("on");
								  $(target+":first").siblings().removeClass("on")	; 
								 show(".downpic dl dd.on",".downpic dl dd","p.size b"," p.size u","p.subtitle",".text-list span",".text-list span a","dd.img");
								 var pindex = $(brother).index($(".on"));
								 
								 if(pindex == 0)
								 {
									i++;
					
									if(i%2==0)
									{
									var index = $(brother).index($(brother+":last"));
									index = index -6;
									var cut = $(brother+":gt("+index+")");
								    $(cut).prependTo($(brother).parent());
									 $(target).prev().addClass("on");
								  $(target+":first").siblings().removeClass("on")	; 
								 show(".downpic dl dd.on",".downpic dl dd","p.size b"," p.size u","p.subtitle",".text-list span",".text-list span a","dd.img");
									}
									
								 }
								 
										
										});
	
	};
	
	////
	

var map = function(obj,titletarget,hidden,closer){

$(obj).click(function(){
					  
       var position = $(this).offset();
	   var left = parseInt($(document).width()/2)-(300/2);
	   
	   //var left = 400;
	   var top = 600;
       var xtype = $(this).attr("xtype");
       $(hidden+"[xtype='"+xtype+"']").css({"position":"absolute","left":left,"top":top});
	   $(hidden+"[xtype='"+xtype+"']").fadeIn(500);
       $(closer).click(function(){
	      $(this).parent().parent().fadeOut(500);
	   });
	   timeOut();
});


};


//定时器
var timeOut = function(){
	
	 var speed="4000";
	 setTimeout(function(){$(".map_content").fadeOut(500);},speed);
	 
	};