/*=====================================================
	__			__   _		 _			_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 
	\ \		   / /  | |		| |		   / Create by Vy Quang Hòa		  |
	 \ \      / /	| |		| |		   | Email: vyquanghoa@gmail.com  |
	  \ \    / /   	| |_ _ _| |		   | Yahoo: vyquanghoa, vhmyca	  |	
	   \ \  / /  	| |_ _ _  |		   | Mobile: 0986.992.774		  |
		\ \/ /		| |		| |		   | Website: InteVina.com		  |
		 \__/		|_|		|_|		   |_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /
		 
=====================================================*/
jQuery.fn.vhAutoResize = function (options) {
	myoptions = jQuery.extend ({
		maxWidth:500, // Kích thước ảnh thumb
		zoomSize:700, // Kích thước ảnh khi zoom
		zoomTitle:'Zoom', // Khi di chuột vào ảnh sẽ hiện lên dòng chữ này. Ví dụ: Bấm vào để xem kích thước 100%
		hoverOpacity:1, // Nhạt màu ảnh khi di chuột vào.
		overlayClose:true, // Kích ra ngoài ảnh sẽ đóng ảnh zoom
		colorBg:'#0066CC' // Màu nền của thẻ <a> bao ngoài ảnh
	},options);
	return this.each(function(){
		var obj = $(this);
		var imgArea = $('img', obj);
		
		imgArea.each(function(i){
			//$(this).hide();
			if( this.complete ){
				//$(this).show();
				if( $(this).attr('offsetWidth') > myoptions.maxWidth ){
					$(this).replaceWith('<a href="'+$(this)
					.attr('src')+'" rel="viewPhoto"><img src="'+$(this).attr('src')+'" border="0" width="'+myoptions.maxWidth+'" /></a>');
					var viewPhoto = $('a[rel="viewPhoto"]');
					viewPhoto.append('<div class="view_larger">'+myoptions.zoomTitle+'</div>');
					viewPhoto.colorbox({
						maxWidth:700,
						overlayClose:myoptions.overlayClose,
						maxWidth:myoptions.zoomSize
					});
					viewPhoto.css({
						'width':myoptions.maxWidth,
						'position':'relative',
						'display':'block',
						'margin':'0 auto',
						'background':myoptions.colorBg
					});				
					$('a[rel="viewPhoto"]').mouseover(function(){
						$(this).find('.view_larger').show();
						if( myoptions.hoverOpacity != 0 && myoptions.hoverOpacity != 1 )
							$(this).find('img').fadeTo(50,myoptions.hoverOpacity);
					}).mouseout(function(){
						$(this).find('.view_larger').hide();
						if( myoptions.hoverOpacity != 0 && myoptions.hoverOpacity != 1)
							$(this).find('img').fadeTo(1,1);
					});
					var view_larger = $('a[rel="viewPhoto"] .view_larger');
					view_larger.css({
						'display':'none',
						'position':'absolute',
						'background':'#fff',
						'padding':'3px 5px',
						'right':'0',
						'top':'0',
						'border':'1px solid #ccc',
						'font-size':'11px',
						'font-family':'Tahoma'
					});
				}
			}else{
				$(this).load(function(){
					if( $(this).attr('offsetWidth') > myoptions.maxWidth ){
						$(this).replaceWith('<a href="'+$(this)
						.attr('src')+'" rel="viewPhoto"><img src="'+$(this).attr('src')+'" border="0" width="'+myoptions.maxWidth+'" /></a>');
						var viewPhoto = $('a[rel="viewPhoto"]');
						viewPhoto.append('<div class="view_larger">'+myoptions.zoomTitle+'</div>');
						viewPhoto.colorbox({
							maxWidth:700,
							overlayClose:myoptions.overlayClose,
							maxWidth:myoptions.zoomSize
						});
						viewPhoto.css({
							'width':myoptions.maxWidth,
							'position':'relative',
							'display':'block',
							'margin':'0 auto',
							'background':myoptions.colorBg
						});				
						$('a[rel="viewPhoto"]').mouseover(function(){
							$(this).find('.view_larger').show();
							if( myoptions.hoverOpacity != 0 && myoptions.hoverOpacity != 1 )
								$(this).find('img').fadeTo(50,myoptions.hoverOpacity);
						}).mouseout(function(){
							$(this).find('.view_larger').hide();
							if( myoptions.hoverOpacity != 0 && myoptions.hoverOpacity != 1)
								$(this).find('img').fadeTo(1,1);
						});
						var view_larger = $('a[rel="viewPhoto"] .view_larger');
						view_larger.css({
							'display':'none',
							'position':'absolute',
							'background':'#fff',
							'padding':'3px 5px',
							'right':'0',
							'bottom':'0',
							'border':'1px solid #ccc',
							'font-size':'11px',
							'font-family':'Tahoma'
						});
					}
				});	
			}
		});
		
	});
	
}