var _og = {};
_og.group = [];

_og.init = function(){
	   $('.yui-u img, .nocol img').each(function(i){

			$(this).data('inum', i);
			$(this).css({cursor:'pointer'});

			$(this).click(function(){
				_og.do_overlay($(this).data('inum'));
			});

			var _src = $(this).attr('src');
			var path = "/uploads/"+_src.substr(_src.lastIndexOf('lg_'));
			var _img = new Image();

			_img.src = path;
			_og.group.push(_img); 
	    }); 
};

_og.do_overlay = function(num){
	_og.set_overlay();
	_og.load_image(_og.group[num],num);
};
_og.set_overlay = function(){
	                       
	   var ww = $(window).width();
	   var wh = $(window).height();
	   var ol = $('<div id="overlay_mat"></div>'); 
	   ol.css({ background:"#000000", width: ww, height: wh, position:"fixed", top:0, left:0, opacity:0.85 });
	
		ol.click(function(){
			$("#overlay_mat,#overlay_image").remove();
		}); 
	
		
		$(window).resize(function(){
		 
		    var ww = $(window).width();
		    var wh = $(window).height();
		    $("#overlay_mat").css({width: ww, height: wh});
		 
		});

		$('body').append(ol);   
};

_og.load_image =function(img,index){
	
	$("#overlay_image").remove();
	
	$(img).data('pos', index);
	
	$(img).attr({id:"overlay_image"});
	
	$(img).css({position:'fixed', cursor:"pointer", zIndex:5});
	
	$(window).resize(function(){ 
		
		var ww = $(window).width();
		var wh = $(window).height(); 
		var iw = $(img).width();
		var ih = $(img).height();
		var ratio = iw/ih;
		ratio = Math.round(ratio*1000)/1000;   
		var nh = wh - 150;
		var nw = nh*ratio;
		var nx = (ww - nw) / 2 ;
		var ny = (wh- nh) / 2 ;
		
		
		
        if(nh>400){
	        $(img).css({ height:nh, width:nw });
		}
		$(img).css({ top:ny, left:nx });  
		
		
	}); 
	
	$(img).click(function(e){
		var iw = $(this).width();
		var ix = $(this).offset().left;
	    var mx = e.pageX; 
		if(mx > (ix+(iw/4))){
			_og.next_image();
		}else{
			 _og.prev_image();
		}
	});
	
	$('body').append(img);
	$(window).resize();
};

_og.next_image = function(){
	var cpos = $("#overlay_image").data("pos");
	
	if(cpos < _og.group.length -1 ){
		_og.load_image(_og.group[cpos+1],cpos+1);
	}else{
		_og.load_image(_og.group[0],0); 
	}
};

_og.prev_image = function(){
	var cpos = $("#overlay_image").data("pos");
	
	if(cpos === 0 ){
		_og.load_image(_og.group[_og.group.length - 1],_og.group.length - 1);
	}else{
		 _og.load_image(_og.group[cpos-1],cpos-1); 
	}
};
 

$(function(){
   
	_og.init();
	
});