var total = Math.abs($("#imgcount").text());
var nowfirst = 1;

/**********下一张**********/
function down(){
	var img = $(".rightsmalltub2");
	var total = Math.abs($("#imgcount").text());
	var nowindex = Math.abs(img.children().children().attr("myindex"));
	if(nowindex<total){
		img = img.next().children().children();
		var index = Math.abs(img.attr("myindex"));
		var first = index-6;
		
		img.trigger("click"); 
		$(this).css("display","");
		if(index>6){				
			$(".rightsmalltub1 img[id='"+first+"']").parent().parent().slideUp("slow"); 
			nowfirst++;
		}
	}
}

/**********上一张**********/
function up(){
	var img = $(".rightsmalltub2");
	var total = Math.abs($("#imgcount").text());
	var nowindex = Math.abs(img.children().children().attr("myindex"));
	
	if(nowindex>1){
		img = img.prev().children().children();
		var index = Math.abs(img.attr("myindex"));		 
		if(nowindex==nowfirst){			
			$(".rightsmalltub1 img[id='"+index+"']").parent().parent().slideDown("slow"); 
			nowfirst--;
		}
		img.trigger("click");
		$(this).css("display","");
		
	}
}

/**********选中小图显示大图**********/
function thisimg(){												  
	var img = $(this);
	var bigimg = $("#bigimg");
	var width = Math.abs(img.width());
	var height = Math.abs(img.height());
	var newh = 0;
	var mytop = 0;
	var neww = 0;
	$(".rightsmalltub2").attr("class","rightsmalltub1");
	$(this).parent().parent().attr("class","rightsmalltub2");
	$(".rightbigtujieshao").css("display","none");
	$(".rightbigtujieshao[index='"+img.attr("myindex")+"']").css("display","");
	bigimg.attr("src",$(this).attr("src"));
	$("#imgindex").text(img.attr("myindex"));
	if(width>height){
	   newh = Math.abs(height*360/width);
	   mytop = Math.abs((360-newh)/2)+"px";
		bigimg.attr({"height":newh,"width":"360"});
		bigimg.css("margin-top",mytop);
	}else{
	   neww = Math.abs(width*360/height);
	   bigimg.attr({"height":"360","width":neww});
	   bigimg.css("margin-top","0px");
	}							   
}


//----------------------------------------------------------------------------------------------------------//
view_div = $("#view_div");
/**********标题全变黄**********/
function titleBlue(){
	var position = $("#position_spn").text();
	$(".jingdianBg a").css("background","#ffd739");
	$(".gequjingdian").css("display","none");
	
	switch(position){
		case "1":
			$("#guilin_bn a").css("background","#52b6e7");
			$("#guilinlist").css("display","");
			break;
			
		case "2":
			$("#lijiang_bn a").css("background","#52b6e7");
			$("#lijianglist").css("display","");
			break;
			
		case "3":
			$("#yangshuo_bn a").css("background","#52b6e7");
			$("#yangshuolist").css("display","");
			break;
			
		case "4":
			$("#longsheng_bn a").css("background","#52b6e7");
			$("#longshenglist").css("display","");
			break;
			
		case "5":
			$("#xingan_bn a").css("background","#52b6e7");
			$("#xinganlist").css("display","");
			break;
			
		case "6":
			$("#qita_bn a").css("background","#52b6e7");
			$("#qitalist").css("display","");
			break;
			
		default:
			$("#guilin_bn a").css("background","#52b6e7");
			$("#guilinlist").css("display","");
	}
}

/**********改变景点区域**********/
function changeposition(){
	var type = $(this).attr("id");
	switch(type){
		case "guilin_bn":
			$(".gequjingdian").css("display","none");
			$(".jingdianBg a").css("background","#ffd739");
			$("#guilin_bn a").css("background","#52b6e7");
			$("#guilinlist").css("display","");
			break;
			
		case "lijiang_bn":
			$(".gequjingdian").css("display","none");
			$(".jingdianBg a").css("background","#ffd739");
			$("#lijiang_bn a").css("background","#52b6e7");
			$("#lijianglist").css("display","");
			break;
			
		case "yangshuo_bn":
			$(".gequjingdian").css("display","none");
			$(".jingdianBg a").css("background","#ffd739");
			$("#yangshuo_bn a").css("background","#52b6e7");
			$("#yangshuolist").css("display","");
			break;
			
		case "longsheng_bn":
			$(".gequjingdian").css("display","none");
			$(".jingdianBg a").css("background","#ffd739");
			$("#longsheng_bn a").css("background","#52b6e7");
			$("#longshenglist").css("display","");
			break;
			
		case "xingan_bn":
			$(".gequjingdian").css("display","none");
			$(".jingdianBg a").css("background","#ffd739");
			$("#xingan_bn a").css("background","#52b6e7");
			$("#xinganlist").css("display","");
			break;
			
		case "qita_bn":
			$(".gequjingdian").css("display","none");
			$(".jingdianBg a").css("background","#ffd739");
			$("#qita_bn a").css("background","#52b6e7");
			$("#qitalist").css("display","");
			break;
		
		default:
			break;
		
	}
}

/**********设置右侧小图居中**********/
function imgsize(){
	$(".myimg").each(function (){
							   var img = $(this);
							   var width = img.width();
							   var height = img.height();
							   if(width>height){
							   		img.attr("width","58");
							   }else{
								   img.attr("height","58");
							   }
							   })
}

/**********提交评论*********/
function sendpinglun(){
	var name = $.trim($("#name_ipt").val());
	var code = $.trim($("#code_ipt").val());
	var content = $.trim($("#content_ipt").val());
	if(name==""){
		alert("请填入姓名");
		return false;
	}
	if(code==""){
		alert("请填入验证码");
		return false;
	}
	if(content==""){
		alert("请填入评论内容");
		return false;
	}
	$.post("?",
		   $("#pinglun_frm").serialize(),
		   function(msg){
			   if(msg=="ok"){
				   alert("评论提交成功");
				   code_change();
				   $("#close_img").trigger("click");
				   loadcomment();
			   }else{
				   alert(msg);
			   }
		   }
	);
}

/**********关闭评论窗口**********/
function closewin(){
	$("#pinglunPanel").css("display","none");
	$(this).css("display","none");
	$("#open_img").css("display","");
}

/**********打开评论窗口**********/
function openwin(){
	$("#pinglunPanel").css("display","");
	$(this).css("display","none");
	$("#close_img").css("display","");	
}

/**********载入评论**********/
function loadcomment(){
	var viewid = $("#viewid_hid").val();
	$("#comment_list").load("?",
							{"viewid":viewid,"act":"showcomment"},
							function (){
								setheight();
							}
	);
}
/**********设置评论高度**********/
function setheight(){
	var h = $("#comment_list").height();
	if(h<600){
		$("#comment_list").css({"height":"auto","overflow":"auto"});
	}else{
		$("#comment_list").css({"height":"600px","overflow":"scroll"});
	}
}
$(document).ready(function (){
	$(".myimg").css("display","");
	titleBlue();
	imgsize();
	$(".jingdianBg").click(changeposition);
	$("#scrollbox .rightsmalltuA img:first-child").trigger("click") ;
	$("#change_btn").click(code_change);//-----换一张验证码
	$("#sendpinglun").click(sendpinglun);//-----提交评论
	$("#close_img").click(closewin);
	$("#open_img").click(openwin);
	loadcomment();
	setheight();
	$(".upbn").click(up);
	$(".downbn").click(down);
	$("#scrollbox .rightsmalltuA img").click(thisimg);//-----点击绑定选中		
	$("#scrollbox .rightsmalltuA img[id='1']").trigger("click");//-----设置第一张图为选中
});