// JavaScript Document

/*日常功能组件 byDuoma

$(img).loadImg(); 图片水平垂直居中
$(obj).click_showbimg(); 点击查看大图展示
$(obj).hover_Anibimg(aniCs = {//鼠标移入图片放大移出缩小
		
	itemName:'img',//控制放大的图片 标签或样式 例：‘img’/‘.class’
	
});

$('obj').click_BoxAinmate(aniCs={//点击按钮图片滚动
		
	Anibox:'ul',//要移动的盒子
	boxItem:'li',//盒子的子级
	itemWnum:264,//子级宽带
	itemMar:48,//自己边距
	Anibtn:'.mp_bt',//按钮对象
	showNum:3,//展示个数
	
});

*/
var hmcArr = new Array();

$.fn.extend({
	
	loadImg:function (){
		
		var picWnum = 0;
		var picHnum = 0;
		var picScale= 0;
		var imgMc;
		var PmarArr = new Array();
		var pMarfull = 0;//图片超出或等于盒子宽度时 预留边距
		var thisNum = 0;
		var thisIds = 0;
		var img = new Image();
		
		imgMc = this;
		thisNum = imgMc.length;
		img.onload=loadImg;
		img.src = imgMc.first().attr('src');
		function loadImg(){
			
			if( img.width > imgMc.parent().width()-pMarfull){//当宽度超出时执行
				
				picWnum = imgMc.parent().width()-pMarfull;
				picScale = picWnum/img.width;
				picHnum = picScale*img.height;
				
			}else{
				
				picWnum = img.width;
				picHnum = img.height;
				
			};
			
			if(picHnum > imgMc.parent().height()-pMarfull){//当高度超出时执行
				
				picHnum = imgMc.parent().height()-pMarfull;
				picScale = picWnum/img.height;
				picWnum = img.width*picScale;
				
			}
			
			PmarArr[0] = (imgMc.parent().width()-picWnum)/2;
			PmarArr[1] = (imgMc.parent().height()-picHnum)/2;
			
			imgMc.eq(thisIds).css({'width':picWnum,'margin-left':PmarArr[0],'margin-top':PmarArr[1]});
			
			if(thisIds<thisnum-1){thisids++}else{return;} $(this).find(hmc.itemname).stop(false,true).animate({'width':thiswnum,'height':'auto','margin-left':0,'margin-top':0});="" abox="this;" abox.anibox="Abox.find(cs.Anibox);" abox.anibox.css('width',abox.item_len*(abox.itemwnum+abox.itemmar));="" abox.anibtn="$(cs.Anibtn);" abox.anibtn.click(function(){="" abox.boxitem="cs.boxItem;" abox.ids="0;" abox.item_len="Abox.find(Abox.boxItem).length;" abox.itemmar="cs.itemMar;" abox.itemwnum="cs.itemWnum;" abox.shownum="cs.showNum;" ainleft="-thisWnum*.1;" anitop="(thisHnum-(thisWnum*1.2)/hmcImg.width*hmcImg.height)/2;" click_boxainmate:function(cs){="" hmc="this;" hmc.hover(function(){="" hmc.itemname="cs.itemName;" hmcimg="new" hmcimg.onload="function(){" hmcimg.src="hoverMc.attr('src');" hover_anibimg:function(cs){="" hovermc="$(this).find(hmc.itemName);" hovermc.stop(false,true).animate({width:thiswnum*1.2,heigth:thishnum*1.2,'margin-left':ainleft,'margin-top':anitop});="" hovermc;="" if(abox.anibtn.index($(this))="0){" if(abox.ids="" image();="" img.onload="loadImg;" img.src="imgMc.eq(thisIds).attr('src');" thishnum="$(this).height();" thiswnum="$(this).width();" var="" zoompic:function(cs){="" });="" },="" },function(){="" };="">0){
					
					Abox.ids--;
					
				}
				
			}else{
				if(Abox.ids<abox.item_len-abox.shownum){ ;="" abox.anibox.animate({'margin-left':abox.ids*(abox.itemwnum+abox.itemmar)*-1});="" abox.ids++;="" click_showbimg:function(){="" if((imgwnum+imgmarnum*2+30)="" image();="" img="new" img.onload="function(){" imgbt="this;" imghnum="img.height;" imgids="0;" imgmarnum="0;//色块边框大小" imgname;="" imgurl="" imgwnum="img.width;" var="" }="" });="" },="">$(window).width()){
					
					imgWnum = $(window).width()-imgMarnum*2-30;
					
				}
				
				if(imgHnum+imgMarnum*2&lt;$(window).height()){
					$('.dm-sbimg-box').css('margin-top',($(window).height()-imgHnum+imgMarnum*2)/2)
				}else{
					$('.dm-sbimg-box').css('margin-top',10);
				};
				$('.dm-sbimg-box').animate({'width':imgWnum, 'padding':imgMarnum});
				$('.dm-sbimg-pic').css({'width':'auto','height':'auto'});
				$('.dm-sbimg-pic img').css('width',imgWnum);
				//$('.dm-sbimg-pic img').show();
				
				
			};
		var strCrtxt = '<div class="dm-sbimg"><div class="dm-sbimg-box"><div class="dm-sbimg-close">×</div><div class="dm_lbt"></div><div class="dm_rbt"></div><div class="dm-sbimg-pic"><img src=""/><em></em></div></div><p style="text-align:center; color:#fff; padding-top:10px; font-size:12px;">—— 点击图片左侧查看上一张  | 点击图片右侧查看下一张 ——</p></div>';
		if($('.dm-sbimg').length&lt;1){
			$('body').append(strCrtxt);
		};
		$('.dm-sbimg-box').click(function(e){
			if(e.pageY&gt;$(this).offset().top+30){
				
				if(e.pageX&gt;$(this).offset().left+$(this).width()/2){
					//alert(e.pageY)
					if(imgIds&lt; imgbt.length-1){
						imgIds++;
					}else{
						imgIds=0;	
					}
				}else{
					
					if(imgIds&gt;0){
						imgIds--;
					}else{
						imgIds = imgbt.length-1;
					};
					
				};
				imgUrl = imgbt.eq(imgIds).attr('bimgUrl');
				imgName = imgbt.eq(imgIds).attr('imgName');
				$('.dm-sbimg-pic img').attr('src',imgUrl);
			    $('.dm-sbimg-pic em').html(imgName);
				img.src = imgUrl;
			};
		});
		
		$('.dm-sbimg').hide();
		//imgbt.click(bimgshow);
		$('.dm_lbt,.dm_rbt').hide();
		$('.dm-sbimg-box').hover(function(e){
			$(window).bind('mousemove',function(ev){
				if(ev.pageX&gt;$(window).width()/2){
					$('.dm_rbt').show();
					$('.dm_lbt').hide();
				}else{
					$('.dm_lbt').show();
					$('.dm_rbt').hide();
				}
			});
		},function(){
			$(window).unbind('mousemove');
			$('.dm_lbt,.dm_rbt').fadeOut();
		});
		
		//alert(imgbt.length);
		
		function bimgshow(){
			//img.src = '';			
			$('.dm-sbimg').fadeIn();
			imgUrl = $(this).attr('bimgUrl');
			imgName = $(this).attr('imgName');
			imgIds = imgbt.index($(this));
			$('body').css({'overflow':'hidden','height':'100%'});
			
			$('.dm-sbimg-pic img').attr('src',imgUrl);
			$('.dm-sbimg-pic em').html(imgName);
			img.src = imgUrl;
			//$('.dm-sbimg-pic img').hide();
			$('.dm-sbimg-close').click(function(){
					$('.dm-sbimg-close').unbind('click');
					$('.dm-sbimg').fadeOut(); 
					$('body').css({'overflow':'auto','height':'auto'});
					return false;
				});
		};
		imgbt.unbind('click',bimgshow);
		imgbt.bind('click',bimgshow);
		
		
	}
	
});


</abox.item_len-abox.shownum){></thisnum-1){thisids++}else{return;}>