image = [{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]},{src:[0],title:[0],carusel:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}, {src:[0],title:[0]}];
var cc = 0;
var d = Array();
var count = 0;
$.fn.imageView = function(option, carusel){

 count++ ;

	$(this).each(function(i,item){
		
			$(item).attr("rel", $(item).attr('href'));
			$(item).attr("name", i);   
			image[carusel]['src'][i] = $(item).attr('href');
			image[carusel]['title'][i] = $(item).find('img').attr('title');
			$(item).attr("rel",carusel);
			$(item).removeAttr("href");
		
		 
	});

var counter = Array();

	
$(this).click(function(){
	
		carusel = $(this).attr("rel")
		$i = parseInt($(this).attr("name"));
		counter[carusel] = $i;
		if(image[carusel]['src'][$i]   )
			loadImage();
 
 });
	
	 

	defaults = {
		selector:this,
		opacity:0.7,
		background: 'white',
		color: 'black',
		border: '0',
		padding: 14,
		corner: '8px'
	};
	
	options = $.extend( defaults, option);
	  if(count==1)
	if(carusel==0) 
		$('body').prepend('<div class="J28xmkai502hfs" style=" height:100%; display:none; background:rgba(0, 0, 0, '+options.opacity+'); z-index:99999999999999; top:0; left:0;  position:fixed;width:100%">  <div class="U29nxjau502hf1" style=" margin: 40px auto;width:600px; z-index:99999999999999;  -moz-border-radius: '+options.corner+'; border-radius: '+options.corner+'; background:'+options.background+'; border:'+options.border+'; padding:'+options.padding+'px;"><span class="Ty1sfu856fcf" style="position:absolute; padding:'+options.padding+'px; color:'+options.color+';  background:'+options.background+';"></span> <a style="color:'+options.color+';float:right; position:absolute; padding:5px 10px; background:'+options.background+'; cursor:pointer; width:9px; -moz-border-radius-bottomleft: '+options.corner+'; border-bottom-left-radius: '+options.corner+';  -moz-border-radius-topleft: '+options.corner+'; border-top-left-radius: '+options.corner+';  font-size:28px; font-weight:bolder; " class="N49106m1x351">&gt;</a> <a style="color:'+options.color+'; float:right; position:absolute; padding:5px 16px 5px 5px; background:'+options.background+'; width:9px; cursor:pointer;  -moz-border-radius-bottomright: '+options.corner+'; border-bottom-right-radius:'+options.corner+';  -moz-border-radius-topright: '+options.corner+'; border-top-right-radius: '+options.corner+'; font-size:28px; font-weight:bolder;  " class="H86kaif92jxd">&lt;</a> <img class="K235s05jc" src="" /> </div></div>');
	 
	selector = this;
	
	$overlay = $(".J28xmkai502hfs");
	function loadImage()
	{
		$overlay.show();
		$overlay.find('.K235s05jc').attr('src',image[carusel]['src'][counter[carusel]]);
		$overlay.find('.Ty1sfu856fcf').html(image[carusel]['title']);
		$overlay.find('.Ty1sfu856fcf').attr('name',carusel);
		$overlay.find('.U29nxjau502hf1').css({'width':$overlay.find('.K235s05jc').attr('width'),'height':$overlay.find('.K235s05jc').attr('height') + 20 });
		$overlay.find('.N49106m1x351').css({'margin-left':$overlay.find('.K235s05jc').attr('width')-29 });
		$overlay.find('.N49106m1x351').css({'margin-top':$overlay.find('.K235s05jc').attr('height')/2 - 30 });
		$overlay.find('.H86kaif92jxd').css({'margin-top':$overlay.find('.K235s05jc').attr('height')/2 - 30 });
		$overlay.find('.Ty1sfu856fcf').css({'margin-top':$overlay.find('.K235s05jc').attr('height') - 20, 'width':$overlay.find('.K235s05jc').attr('width')  - options.padding*2 });
	}
	
	
	$(".N49106m1x351").click(function(){
		carusel = $overlay.find('.Ty1sfu856fcf').attr('name');
				if(image[carusel]['src'][counter[carusel]+1])
				{
					counter[carusel]++;
					loadImage();
				}
		});
	
	$(".H86kaif92jxd").click(function(){
		carusel = $overlay.find('.Ty1sfu856fcf').attr('name');
		if(image[carusel]['src'][counter[carusel]-1])
		{
			counter[carusel]--;
			loadImage();
		}
	});
	
	$overlay.click(function (){
		$(this).hide();
		counter[carusel]=0;
	});
			
	$('.U29nxjau502hf1').hover(function(){
		$overlay.unbind('click');
		}, function(){
		$overlay.click(function (event){
			$(this).hide();
			counter[carusel]=0;
		});
	});
	
	 
		$(document).keydown(function(e,a){
			if(e.keyCode == 39)
			{
				carusel = $overlay.find('.Ty1sfu856fcf').attr('name');
				if(image[carusel]['src'][counter[carusel]+1]!=undefined)
				{
				
					counter[carusel]++;
					loadImage();
				}
			}
			if(e.keyCode == 37)
			{
				carusel = $overlay.find('.Ty1sfu856fcf').attr('name');
				if(image[carusel]['src'][counter[carusel]-1]!=undefined)
				{
					counter[carusel]--;
					loadImage();
				}
			}
			if(e.keyCode == 27)
			{
				$overlay.hide();
				counter[carusel]=0;
			}
			 
		});
	
 
 
}