// JavaScript Document

$(document).ready(function() {
	
	/*$(".mi").each(function() {
		var src = $(this).find("img").attr("alt");
		$(this).find("img").attr("src", src);
	});*/
	//top搜索
	$("#search_btn").click(function(){
		if($("#search_txt").val()!='')
			location.href="search.php?lang=cn&search="+$("#search_txt").val();
	});
	//top菜单鼠标指向
	$(".mi").mouseover(function(){
		var src = $(this).attr("id");
		$(this).find("img").attr("src", "images/"+src+"a.jpg");
	});
	//top菜单移动离开
	$(".mi").mouseleave(function(){
		var src = $(this).attr("id");
		$(this).find("img").attr("src", "images/"+src+".jpg");
	});
	
	//artists_index鼠标指向艺术家名字
	$(".artists_name").mouseover(function(){
		var id = $(this).attr("id");
		//$("#thb"+id).css("margin", "4px 8px 8px 4px");
		$("#thb"+id).css("filter", "Alpha(opacity=100)");
		$("#thb"+id).css("-moz-opacity", "1");
		$("#thb"+id).css("opacity", "1");
	});
	//artists_index鼠标离开艺术家名字
	$(".artists_name").mouseleave(function(){
		var id = $(this).attr("id");
		//$("#thb"+id).css("margin", "6px");
		$("#thb"+id).css("filter", "Alpha(opacity=80)");
		$("#thb"+id).css("-moz-opacity", ".8");
		$("#thb"+id).css("opacity", "0.8");
	});
	
	//artists_index鼠标指向艺术家作品
	$(".artists_thb").mouseover(function(){
		//$(this).css("margin", "4px 8px 8px 4px");
		$(this).css("filter", "Alpha(opacity=100)");
		$(this).css("-moz-opacity", "1");
		$(this).css("opacity", "1");
	});
	//artists_index鼠标离开艺术家作品
	$(".artists_thb").mouseleave(function(){
		//$(this).css("margin", "6px");
		$(this).css("filter", "Alpha(opacity=80)");
		$(this).css("-moz-opacity", ".8");
		$(this).css("opacity", "0.8");
	});
	
	
	
	//=================================================展示部分==================================
	
	//大图初始显示
	$(".p").each(function(){
		if($(this).find(".c").html()==0){
			var src = $(this).find(".img").html();
			var title = $(this).find(".title").html();
			var content = $(this).find(".content").html();
			
			//调用图片等比例缩放展示
			bimg_test(src);
		
			$("#dt").find("a").attr("href", src);
			$("#product").find(".title").html(title);
			$("#product").find(".content").html(content);
			//默认上一张和下一张都为当前选中的
			leftsrc = src;
			lefttitle = title;
			leftcontent = content;
			rightsrc = src;
			righttitle = title;
			rightcontent = content;
		}
		
		//初始后，取下一张
		else if($(this).find(".c").html()==1){
			rightsrc = $(this).find(".img").html();
			righttitle = $(this).find(".title").html();
			rightcontent = $(this).find(".content").html();
		}
	});
	
	//点击小图直接切换到大图显示
	$(".ms").click(function(){
		//取当前选中的，并显示到大图
		var src = $(this).parent().find(".img").html();
		var title = $(this).parent().find(".title").html();
		var content = $(this).parent().find(".content").html();
		
		//调用图片等比例缩放展示
		bimg_test(src);
		
		$("#dt").find("a").attr("href", src);
		$("#product").find(".title").html(title);
		$("#product").find(".content").html(content);
		//默认上一张和下一张都为当前选中的
		leftsrc = src;
		lefttitle = title;
		leftcontent = content;
		rightsrc = src;
		righttitle = title;
		rightcontent = content;
		
		
		//获取选中的id
		var id = 0;
		$(".p").each(function(){
			if($(this).find(".img").html()==src){
				id = $(this).find(".c").html();
				return false;
			}
		});
		
		$(".p").each(function(){
			//取上一张，即为id-1的
			if($(this).find(".c").html()==id-1){
				leftsrc = $(this).find(".img").html();
				lefttitle = $(this).find(".title").html();
				leftcontent = $(this).find(".content").html();
			}
			//取下一张，即为id+1的
			else if($(this).find(".c").html()==parseInt(id)+1){
				rightsrc = $(this).find(".img").html();
				righttitle = $(this).find(".title").html();
				rightcontent = $(this).find(".content").html();
			}
		});
	});
});

var leftsrc	= '';
var rightsrc = '';
var lefttitle = '';
var leftcontent = '';
var righttitle = '';
var rightcontent = '';
	
function upNext(bigimg){
	var src = rightsrc;
	var title = righttitle;
	var content = rightcontent;
	var width = 480;//bigimg.width;
	var height = 300;//bigimg.height;
	bigimg.onmousemove=function(){
		if(event.offsetX<width/2){
			bigimg.style.cursor	= 'url(images/arr_left.cur),auto';
			bigimg.title ='上一张';
			src = leftsrc;
			title = lefttitle;
			content = leftcontent;
		}else{
			bigimg.style.cursor	= 'url(images/arr_right.cur),auto';
			bigimg.title ='下一张';
			src = rightsrc;
			title = righttitle;
			content = rightcontent
		}
	}
	bigimg.onmouseup=function(){
		//取当前选中的，并显示到大图
		
		//调用图片等比例缩放展示
		bimg_test(src);
		
		$("#dt").find("a").attr("href", src);
		$("#product").find(".title").html(title);
		$("#product").find(".content").html(content);
		//默认上一张和下一张都为当前选中的
		leftsrc = src;
		lefttitle = title;
		leftcontent = content;
		rightsrc = src;
		righttitle = title;
		rightcontent = content;
		
		//获取选中的id
		var id = 0;
		$(".p").each(function(){
			if($(this).find(".img").html()==src){
				id = $(this).find(".c").html();
				return false;
			}
		});
		
		$(".p").each(function(){
			//取上一张，即为id-1的
			if($(this).find(".c").html()==id-1){
				leftsrc = $(this).find(".img").html();
				lefttitle = $(this).find(".title").html();
				leftcontent = $(this).find(".content").html();
			}
			//取下一张，即为id+1的
			else if($(this).find(".c").html()==parseInt(id)+1){
				rightsrc = $(this).find(".img").html();
				righttitle = $(this).find(".title").html();
				rightcontent = $(this).find(".content").html();
			}
		});
	}
}

function btn(n){
	var src = rightsrc;
	var title = righttitle;
	var content = rightcontent;
	
	if(n==0){
		src = leftsrc;
		title = lefttitle;
		content = leftcontent;
	}
	else{
		src = rightsrc;
		title = righttitle;
		content = rightcontent
	}
	
	//取当前选中的，并显示到大图
	
	//调用图片等比例缩放展示
	bimg_test(src);
	
	$("#dt").find("a").attr("href", src);
	$("#product").find(".title").html(title);
	$("#product").find(".content").html(content);
	//默认上一张和下一张都为当前选中的
	leftsrc = src;
	lefttitle = title;
	leftcontent = content;
	rightsrc = src;
	righttitle = title;
	rightcontent = content;
		
	//获取当前的id
	var id = 0;
	$(".p").each(function(){
		if($(this).find(".img").html()==src){
			id = $(this).find(".c").html();
			return false;
		}
	});
	
	$(".p").each(function(){
		//取上一张，即为id-1的
		if($(this).find(".c").html()==id-1){
			leftsrc = $(this).find(".img").html();
			lefttitle = $(this).find(".title").html();
			leftcontent = $(this).find(".content").html();
		}
		//取下一张，即为id+1的
		else if($(this).find(".c").html()==parseInt(id)+1){
			rightsrc = $(this).find(".img").html();
			righttitle = $(this).find(".title").html();
			rightcontent = $(this).find(".content").html();
		}
	});
}

//artists_index艺术家父页面跳转
function artists(lang,id){
	 parent.location.href='artists_work.php?lang='+lang+'&id='+id;
}

//图片等比例缩放
function bimg_test(src){
	//如果还是和当前相同的图片，就不再重复处理
	if(src==$("#bimg").attr("src"))
		return true;
		
	//创建一个test对象
	$('<img id="test" style="display:none" />').appendTo("body");
	$("#test").attr("src", src).load(function(e) {
		var w = $(this).width();
		var h = $(this).height();
		//alert(w+" "+h);
		
		if(w>480&&h<=300){//alert("宽超过");
			$("#bimg").width(480);
			$("#bimg").css("height", "auto");
		}
		else if(w<=480&&h>300){//alert("高超过");
			$("#bimg").height(300);
			$("#bimg").css("width", "auto");
		}
		else if(w>480&&h>300){//alert("宽高超过");
			//先改变它的宽
			$(this).width(480);
			//如果宽改变后，高还是超出范围
			if($(this).height()>300){
				//再换作改变高
				$("#bimg").height(300);
				$("#bimg").css("width", "auto");
			}
			else{
				$("#bimg").width(480);
				$("#bimg").css("height", "auto");
			}
		}
		else{//alert("范围内");
			$("#bimg").css("width", "auto");
			$("#bimg").css("height", "auto");
		}
		
		//设置bimg
		$("#bimg").css("padding", "0");
		$("#bimg").attr("src", src).load(function(e) {
			var x = 0;
			var y = 0;
			
			if($(this).width()<480)
				x = parseInt((480-$(this).width())/2);
			if($(this).height()<300)
				y = parseInt((300-$(this).height())/2);
			
			$(this).css("padding", y+"px "+x+"px "+y+"px "+x+"px");	
			//alert(y+"px "+x+"px "+y+"px "+x+"px");
		});
		//删除test对象
		$("#test").remove();
	});
}