/*
 * FancyBox - simple jQuery plugin for fancy image zooming
 * Examples and documentation at: http://fancy.klade.lv/
 * Version: 1.0.0 (29/04/2008)
 * Copyright (c) 2008 Janis Skarnelis
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
 * Requires: jQuery v1.2.1 or later
*/
(function($) {
	var opts = {}, 
		imgPreloader = new Image, imgTypes = ['png', 'jpg', 'jpeg', 'gif'], 
		loadingTimer, loadingFrame = 1;

   $.fn.fancybox = function(settings) {
		opts.settings = $.extend({}, $.fn.fancybox.defaults, settings);

		$.fn.fancybox.init();

		return this.each(function() {
			var $this = $(this);
			var o = $.metadata ? $.extend({}, opts.settings, $this.metadata()) : opts.settings;

			$this.unbind('click').click(function() {
			    //alert("vao fancy");
				$.fn.fancybox.start(this, o); return false;
			});
		});
	};

	$.fn.fancybox.start = function(el, o) {
		
		if (opts.animating) return false;

		if (o.overlayShow) {
			$("#fancy_wrap").prepend('<div id="fancy_overlay"></div>');
			$("#fancy_overlay").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': o.overlayOpacity});

			if ($.browser.msie) {
				$("#fancy_wrap").prepend('<iframe id="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');
				$("#fancy_bigIframe").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': 0});
			}

			$("#fancy_overlay").click($.fn.fancybox.close);
		}

		opts.itemArray	= [];
		opts.itemNum	= 0;
        
		if (jQuery.isFunction(o.itemLoadCallback) || (o.initData != "undefined" && o.initData != null && o.initData != "none" ) ) {
		    
		    if(jQuery.isFunction(o.itemLoadCallback))
			{
				o.itemLoadCallback.apply(this, [opts]);
			}
			else 
			{
				jQuery.each(o.initData,
						function(i, val) 
						{
							opts.itemArray.push(val);
						});
			}
			
			var c	= $(el).children("img:first").length ? $(el).children("img:first") : $(el);
			var tmp	= {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}

		   for (var i = 0; i < opts.itemArray.length; i++) {
				opts.itemArray[i].o = $.extend({}, o, opts.itemArray[i].o);
				
				if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
					opts.itemArray[i].orig = tmp;
				}
		   }

		} else {
			if (!el.rel || el.rel == '') {
				var item = {url: el.href, title: el.title, o: o};

				if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
					var c = $(el).children("img:first").length ? $(el).children("img:first") : $(el);
					item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}
				}

				opts.itemArray.push(item);

			} else {
				var arr	= $("a[@rel=" + el.rel + "]").get();

				for (var i = 0; i < arr.length; i++) {
					var tmp		= $.metadata ? $.extend({}, o, $(arr[i]).metadata()) : o;
   					var item	= {url: arr[i].href, title: arr[i].title, o: tmp};

   					if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
						var c = $(arr[i]).children("img:first").length ? $(arr[i]).children("img:first") : $(el);

						item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}
					}

					if (arr[i].href == el.href) opts.itemNum = i;

					opts.itemArray.push(item);
				}
			}
		}

		$.fn.fancybox.changeItem(opts.itemNum);
	};

	$.fn.fancybox.changeItem = function(n) {
		$.fn.fancybox.showLoading();

		opts.itemNum = n;

		$("#fancy_nav").empty();
		$("#fancy_outer").stop();
		$("#fancy_title").hide();
		//$("#fancy_info").hide();
		//$("#fancy_info a").unbind("click");
		$("#fancy_info a").removeAttr("class");
		$("#fancy_info a:eq(" + n + ")").attr("class", "currentPage");
		$("#fancy_info .caption").html(opts.itemArray[opts.itemNum].caption);
		//$("#fancy_info a").attr("href", "javascript:void(0)");
		$(document).unbind("keydown");

		imgRegExp = imgTypes.join('|');
    	imgRegExp = new RegExp('\.' + imgRegExp + '$', 'i');
		
		var url = opts.itemArray[n].url;

		if (url.match(/#/)) {
			var target = window.location.href.split('#')[0]; target = url.replace(target,'');

	        $.fn.fancybox.showItem('<div id="fancy_div">' + $(target).html() + '</div>');

	        $("#fancy_loading").hide();

		} else if (url.match(imgRegExp)) {
			$(imgPreloader).unbind('load').bind('load', function() {
				$("#fancy_loading").hide();

				opts.itemArray[n].o.frameWidth	= imgPreloader.width;
				opts.itemArray[n].o.frameHeight	= imgPreloader.height;
                
                //hack by phu.tang
                var imgTagStr = '<div id="ImgBoxCenDiv"><div class="ImgBoxCen"><span></span><img id="fancy_img" src="' + imgPreloader.src + '" /></div></div>';
				//$.fn.fancybox.showItem('<img id="fancy_img" src="' + imgPreloader.src + '" />');
				$.fn.fancybox.showItem(imgTagStr);

			}).attr('src', url + '?rand=' + Math.floor(Math.random() * 999999999) );

		} else {
			$.fn.fancybox.showItem('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + url + '"></iframe>');
		}
	};

	$.fn.fancybox.showIframe = function() {
		$("#fancy_loading").hide();
		$("#fancy_frame").show();
	};
	
	/* add paging system -- add by trang.le */
	$.fn.fancybox.changeItemPaging = function(n) {
		$.fn.fancybox.changeItem(n);
		if(n <= 0)
		{	
			$("#prevLink").hide();
			$("#preLink").unbind('click')
		}
		else
		{
			$("#prevLink").unbind('click').bind('click', function(){ return $.fn.fancybox.changeItemPaging(n-1); });
			$("#prevLink").show();
		}
		
		if(n >= opts.itemArray.length-1)
		{
			$("#nextLink").hide();
			$("#nextLink").unbind('click')
		}
		else
		{
			$("#nextLink").unbind('click').bind('click', function(){ return $.fn.fancybox.changeItemPaging(n+1) });
			$("#nextLink").show();
		}
		
		return false;
	}
	$.fn.fancybox.showItem = function(val) {
	    
//		$.fn.fancybox.preloadNeighborImages();
		var viewportPos	= $.fn.fancybox.getViewport();
		var itemSize	= $.fn.fancybox.getMaxSize(viewportPos[0] - 50, viewportPos[1] - 100, opts.itemArray[opts.itemNum].o.frameWidth, opts.itemArray[opts.itemNum].o.frameHeight);

		var itemLeft	= viewportPos[2] + Math.round((viewportPos[0] - itemSize[0]) / 2) - 20;
		var itemTop		= viewportPos[3] + Math.round((viewportPos[1] - itemSize[1]) / 2) - 40;

        // hack by phu.tang
        // add by trang.le , not allow very small picture
        //var smallXImage = false;
        //var smallYImage = false;
        var oldX = opts.itemArray[opts.itemNum].o.frameWidth;
        var oldY =  opts.itemArray[opts.itemNum].o.frameHeight;
        //if(itemSize[0] < 200)
        //{
            //smallXImage = true;
            //oldX = itemSize[0];
            //itemSize[0] = 600;
        //}
        
        //if(itemSize[1] < 200)
        //{
            //smallYImage = true;
            //oldY = itemSize[1];
            //itemSize[1] = 450;           
        //}
        
		var itemOpts = {
			'left':		itemLeft, 
			'top':		itemTop, 
			'width':	itemSize[0] + 'px', 
			'height':	itemSize[1] + 'px'	
		}
        
		if (opts.active) {// show at the on change item -- add by trang .le
			$('#fancy_content').fadeOut("normal", function() {
				$("#fancy_content").empty(); 
				$("#fancy_outer").animate(itemOpts, "normal", function() {
				    $("#fancy_content").empty(); 
					$("#fancy_content").append($(val)).fadeIn("normal");
					
					//$.fn.fancybox.updateDetails();
					
					// hack by phu.tang
					//if(smallXImage)
					//{
					    $("img#fancy_img").css("width" , oldX + "px" );
					//}1
					//if(smallYImage)
					//{
					    $("img#fancy_img").css("height" , oldY + "px");
					//}
				});
			});

		} else { // show at the first time -- add by trang .le
			opts.active = true;
			$("#fancy_content").empty();

			if ($("#fancy_content").is(":animated")) {
				console.info('animated!');
			}

			if (opts.itemArray[opts.itemNum].o.zoomSpeedIn > 0) {
				opts.animating		= true;
				itemOpts.opacity	= "show";

				$("#fancy_outer").css({
					'top':		opts.itemArray[opts.itemNum].orig.pos.top - 18,
					'left':		opts.itemArray[opts.itemNum].orig.pos.left - 18,
					'height':	opts.itemArray[opts.itemNum].orig.height,
					'width':	opts.itemArray[opts.itemNum].orig.width
				});

				$("#fancy_content").append($(val)).show();

				$("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedIn, function() {
					opts.animating = false;
					$.fn.fancybox.updateDetails();
				});

			} else {
				$("#fancy_content").append($(val)).show();
				$("#fancy_outer").css(itemOpts).show();
				$.fn.fancybox.updateDetails();
			}
		 }
         
         /* Force center of the screen -- add by trang.le*/
//         if(opts.itemArray[opts.itemNum].forceToCenter)
//         {
//             if($.fn.fancybox.detectBrowser() == "FireFox")
//             {    		 
//                 $("#fancy_outer").css('position','fixed');
//                 $("#fancy_outer").css('top','30%');
//                    
//             }
//             else
//             {
//                 var getHtml = document.getElementsByTagName("html")[0];
//                 getHtml.style.overflow = "hidden";
//             }
//         }
	};
    
    /* detect browser -- add by trang.le */
    $.fn.fancybox.detectBrowser = function() {
          var rv = -1; // Return value assumes failure.
          if (navigator.appName == 'Microsoft Internet Explorer')
          {
            var ua = navigator.userAgent;
            var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
            if (re.exec(ua) != null)
              rv = parseFloat( RegExp.$1 );
          }
         
         if(rv == -1)     
            return "FireFox";
         else if(rv <= 6.0)
            return "IE6";
         else
            return "modernIE"
    }
    
	$.fn.fancybox.updateDetails = function() {
		$("#fancy_bg,#fancy_close").show();

		if (opts.itemArray[opts.itemNum].title !== undefined && opts.itemArray[opts.itemNum].title !== '') {
			//$('#fancy_title div').html(opts.itemArray[opts.itemNum].title);
			//$('#fancy_title').show();
		}
		
		var pageSize = 5;
		$('#fancy_info').empty();
		var photoThumnailDiv = ""
		if(opts.itemArray[opts.itemNum].o.showInfo)
		{
		    if(opts.itemArray[opts.itemNum].o.paging)
		    {
		    
		        $("div#fancy_outer").css("padding-bottom",  "148px");
			    $("div#fancy_info").css("bottom", "-130px");
			    $("div#fancy_info").css("height", "130px");
//			    var pagingHtml = "<div class=\"paging\">";
//    			
//			    if(opts.itemNum > 0)
//			    {
//				    pagingHtml += "<a id='prevLink' onclick=\"return $.fn.fancybox.changeItemPaging(" + (opts.itemNum -1) + ")\" href='#'> Prev </a> " ;
//			    }
//			    for(var pos=0;pos<opts.itemArray.length; pos++)
//			    {
//				    pagingHtml += "<a onclick=\"return $.fn.fancybox.changeItemPaging(" + pos + ")\" href='#' ";
//				    pagingHtml += (opts.itemNum == pos)? "class ='currentPage'" : "" ;
//				    pagingHtml += " > " +  (pos + 1) + "  </a> " ;
//			    }
//			    if(opts.itemNum < opts.itemArray.length - 1)
//			    {
//				    pagingHtml += "<a id='nextLink' onclick=\"return $.fn.fancybox.changeItemPaging(" + (opts.itemNum + 1) + ")\" href='#'> Next </a> ";
//			    }	
//    			
//			    pagingHtml += "</div>";
                photoThumnailDiv = " <div class=\"WrapPhotoPopUp\"> " +
            	                   " <div class=\"PhotoBox\"> " +
                	                    "<ul id=\"mycarousel2\">";
                	                    
                for(var pos=0;pos<opts.itemArray.length; pos++)
			    {
				    photoThumnailDiv += "<li><a onclick=\"return $.fn.fancybox.changeItemPaging(" + pos + ")\" href='#' ";
				    photoThumnailDiv += (opts.itemNum == pos)? "class ='currentPage'" : "" ;
				    photoThumnailDiv += " > " +  "<img src=\"" + opts.itemArray[pos].url  + "\" width=\"56\" height=\"40\" alt=\"Photo\" /></a></li>" ;
			    }	                     
                		                   
                photoThumnailDiv += "</ul> </div> </div>" ;
			    
			   // $('#fancy_info').html(pagingHtml);
			}
			else
			{
			    $("div#fancy_outer").css("padding-bottom",  "90px");
			    $("div#fancy_info").css("bottom", "-89px");
			    $("div#fancy_info").css("height", "89px");
			}
			
			var titleDiv = "<div class=\"title\">" + opts.itemArray[opts.itemNum].title + "</div>";
			var captionDiv = "<div style=\"clear:both\"></div><div class=\"caption\">" + opts.itemArray[opts.itemNum].caption + "</div>";
			var album =  "<div id='fancy_header_inner'>" + opts.itemArray[opts.itemNum].album + "</div>"; 
			
			$('#fancy_header').html(album);
			if(opts.itemArray[opts.itemNum].o.paging)
			{
			    $('#fancy_info').append(photoThumnailDiv);
			}
			$('#fancy_info').append(titleDiv);
			$('#fancy_info').append(captionDiv);
		
			$('#fancy_info').show();
			
			var imgWidth = $("#fancy_content img").width();
			if(imgWidth != 480){
			    $(".WrapPhotoPopUp").css("width", imgWidth + "px");
		    	$(".WrapPhotoPopUp .PhotoBox").css("width", imgWidth + "px");
			}
			if( opts.itemArray.length * 56 > imgWidth - 100)
			{
    			$('#mycarousel2').jcarouselpopup();
	    		$("div#fancy_info .jcarousel-clip").css("width", (imgWidth - 60) + "px"); 
	    	}
	    	$("#fancy_content img").width(opts.itemArray[opts.itemNum].o.frameWidth);
            $("#fancy_content img").height(opts.itemArray[opts.itemNum].o.frameHeight);
		}
		else
		{
		     $("div#fancy_outer").css("padding-bottom",  "38px");
		}
		
		
		if (opts.itemArray[opts.itemNum].o.hideOnContentClick) {
			$("#fancy_content").click($.fn.fancybox.close);
		} else {
			$("#fancy_content").unbind('click');
		}

		if (opts.itemNum != 0) {
			$("#fancy_nav").append('<a id="fancy_left" href="javascript:;"></a>');

			$('#fancy_left').click(function() {
				$.fn.fancybox.changeItem(opts.itemNum - 1); return false;
			});
		}

		if (opts.itemNum != (opts.itemArray.length - 1)) {
			$("#fancy_nav").append('<a id="fancy_right" href="javascript:;"></a>');
			
			$('#fancy_right').click(function(){
				$.fn.fancybox.changeItem(opts.itemNum + 1); return false;
			});
		}

//		$(document).keydown(function(event) {
//			if (event.keyCode == 27) {
//            	$.fn.fancybox.close();

//			} else if(event.keyCode == 37 && opts.itemNum != 0) {
//            	$.fn.fancybox.changeItem(opts.itemNum - 1);

//			} else if(event.keyCode == 39 && opts.itemNum != (opts.itemArray.length - 1)) {
//            	$.fn.fancybox.changeItem(opts.itemNum + 1);
//			}
//		});
	};

	$.fn.fancybox.preloadNeighborImages = function() {
		if ((opts.itemArray.length - 1) > opts.itemNum) {
			preloadNextImage = new Image();
			preloadNextImage.src = opts.itemArray[opts.itemNum + 1].url;
		}

		if (opts.itemNum > 0) {
			preloadPrevImage = new Image();
			preloadPrevImage.src = opts.itemArray[opts.itemNum - 1].url;
		}
	};

	$.fn.fancybox.close = function() {
//	    if(opts.active	== false)
//	      return false;
//	        
//		if (opts.animating) return false;

		//$(imgPreloader).unbind('load');
		//$(document).unbind("keydown");

		$("#fancy_loading,#fancy_title,#fancy_close,#fancy_bg").hide();
		//$("#fancy_nav").empty();


		opts.active	= false;
        
        //alert(opts.itemArray.length);
        if(opts.itemArray.length <= 0 )
            return;
            
		if (opts.itemArray[opts.itemNum].o.zoomSpeedOut > 0) {
			var itemOpts = {
				'top':		opts.itemArray[opts.itemNum].orig.pos.top - 18,
				'left':		opts.itemArray[opts.itemNum].orig.pos.left - 18,
				'height':	opts.itemArray[opts.itemNum].orig.height,
				'width':	opts.itemArray[opts.itemNum].orig.width,
				'opacity':	'hide'
			};

			opts.animating = true;

			$("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedOut, function() {
				$("#fancy_content").hide().empty();
				$("#fancy_overlay,#fancy_bigIframe").remove();
				opts.animating = false;
			});

		} else {
			$("#fancy_outer").hide();
			$("#fancy_content").hide(); // modify by trang.le , very important for iframe upload popup which automatically close after upload
			$("#fancy_overlay,#fancy_bigIframe").fadeOut("fast").remove();
		}
		//opts.itemArray	= [];
//        if(opts.itemArray[opts.itemNum].forceToCenter)
//        {		
//	         if($.fn.fancybox.detectBrowser() == "FireFox")
//             {
//                //alert("vao");
//                //$("#fancy_outer").css('position','fixed');    		 
//             }
//             else
//             {
//    		    var getHtml = document.getElementsByTagName("html")[0];
//                getHtml.style.overflow = "auto";
//             } 
//         }  
        
//        alert(opts.itemArray[opts.itemNum].o.closeEventCallback)
//        if(opts.itemArray[opts.itemNum].o.closeEventCallback == "undefined" || opts.itemArray[opts.itemNum].o.closeEventCallback == null)
//        {
//            alert(" hook on close ");
//        }
        // ad by trang.le: add hook on OnClose event 
       
//        if(opts.itemArray[opts.itemNum].o.closeEventCallback != "undefined" && opts.itemArray[opts.itemNum].o.closeEventCallback != null )
//        {
//          if(jQuery.isFunction(opts.itemArray[opts.itemNum].o.closeEventCallback))
//		    {
//		        //window.location.reload();
//		        try
//		        {
//			        opts.itemArray[opts.itemNum].o.closeEventCallback.call(this);
//			    }
//			    catch(ex)
//			    {
//			    }
//			    //alert("vao");
//		    }
//		}
	};

	$.fn.fancybox.showLoading = function() {
		clearInterval(loadingTimer);

		var pos = $.fn.fancybox.getViewport();

		$("#fancy_loading").css({'left': ((pos[0] - 40) / 2 + pos[2]), 'top': ((pos[1] - 40) / 2 + pos[3])}).show();
		$("#fancy_loading").bind('click', $.fn.fancybox.close);
		
		loadingTimer = setInterval($.fn.fancybox.animateLoading, 66);
	};

	$.fn.fancybox.animateLoading = function(el, o) {
		if (!$("#fancy_loading").is(':visible')){
			clearInterval(loadingTimer);
			return;
		}

		$("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px');

		loadingFrame = (loadingFrame + 1) % 12;
	};

	$.fn.fancybox.init = function() {
		if (!$('#fancy_wrap').length) {
			$('<div id="fancy_wrap"><div id="fancy_loading"><div></div></div><div id="fancy_outer"><div id="fancy_inner"><div id="fancy_nav"></div><div id="fancy_close"></div><div id="fancy_header"></div><div id="fancy_content"></div><div id="fancy_info"></div><div id="fancy_title"></div></div></div></div>').appendTo("body");
			$('<div id="fancy_bg"><div class="fancy_bg fancy_bg_n"></div><div class="fancy_bg fancy_bg_ne"></div><div class="fancy_bg fancy_bg_e"></div><div class="fancy_bg fancy_bg_se"></div><div class="fancy_bg fancy_bg_s"></div><div class="fancy_bg fancy_bg_sw"></div><div class="fancy_bg fancy_bg_w"></div><div class="fancy_bg fancy_bg_nw"></div></div>').prependTo("#fancy_inner");
			
			$('<table cellspacing="0" cellpadding="0" border="0"><tr><td id="fancy_title_left"></td><td id="fancy_title_main"><div></div></td><td id="fancy_title_right"></td></tr></table>').appendTo('#fancy_title');
		}

		if ($.browser.msie) {
			$("#fancy_inner").prepend('<iframe id="fancy_freeIframe" scrolling="no" frameborder="0"></iframe>');
		}

		if (jQuery.fn.pngFix) $(document).pngFix();

    	$("#fancy_close").click($.fn.fancybox.close);
	};

	$.fn.fancybox.getPosition = function(el) {
		var pos = el.offset();

		pos.top	+= $.fn.fancybox.num(el, 'paddingTop');
		pos.top	+= $.fn.fancybox.num(el, 'borderTopWidth');

 		pos.left += $.fn.fancybox.num(el, 'paddingLeft');
		pos.left += $.fn.fancybox.num(el, 'borderLeftWidth');

		return pos;
	};

	$.fn.fancybox.num = function (el, prop) {
		return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;
	};

	$.fn.fancybox.getPageScroll = function() {
		var xScroll, yScroll;

		if (self.pageYOffset) {
			yScroll = self.pageYOffset;
			xScroll = self.pageXOffset;
		} else if (document.documentElement && document.documentElement.scrollTop) {
			yScroll = document.documentElement.scrollTop;
			xScroll = document.documentElement.scrollLeft;
		} else if (document.body) {
			yScroll = document.body.scrollTop;
			xScroll = document.body.scrollLeft;	
		}

		return [xScroll, yScroll]; 
	};

	$.fn.fancybox.getViewport = function() {
		var scroll = $.fn.fancybox.getPageScroll();

		return [$(window).width(), $(window).height(), scroll[0], scroll[1]];
	};

	$.fn.fancybox.getMaxSize = function(maxWidth, maxHeight, imageWidth, imageHeight) {
	    // hack by phu.tang
	    imageWidth = 600;
	    imageHeight = 450;
		var r = Math.min(Math.min(maxWidth, imageWidth) / imageWidth, Math.min(maxHeight, imageHeight) / imageHeight);

		return [Math.round(r * imageWidth), Math.round(r * imageHeight)];
	};

	$.fn.fancybox.defaults = {
		hideOnContentClick:	true,
		zoomSpeedIn:		500,
		zoomSpeedOut:		500,
		frameWidth:			600,
		frameHeight:		400,
		overlayShow:		false,
		overlayOpacity:		0.4,
		itemLoadCallback:	null,
		closeEventCallback: null,
		initData: null,
		showInfo: false,
		paging: false,
		forceToCenter: false
	};
})(jQuery);