/**
* Name: piroBox v.1.2.2
* Date: May 2010
* Autor: Diego Valobra (http://www.pirolab.it),(http://www.diegovalobra.com)
* Version: 1.2.2
* Licence: CC-BY-SA http://creativecommons.org/licenses/by-sa/2.5/it/
**/

jQuery(function() {
	jQuery.fn.piroBox = function(opt) {
		opt = jQuery.extend({
		my_speed : null,
		close_speed : 300,
		bg_alpha : 0.5,
		close_all : '.piro_close,.piro_overlay',
		slideShow : null,
		slideSpeed : null
		}, opt);

		function start_pirobox() {
		  var corners = 
			  '<tr>'+					   
			  '<td colspan="3" class="pirobox_up"></td>'+
			  '</tr>'+	
			  '<tr>'+	
			  '<td class="t_l"></td>'+
			  '<td class="t_c"></td>'+
			  '<td class="t_r"></td>'+
			  '</tr>'+
			  '<tr>'+
			  '<td class="c_l"></td>'+
			  '<td class="c_c"><span><span></span></span><div></div></td>'+
			  '<td class="c_r"></td>'+
			  '</tr>'+
			  '<tr>'+
			  '<td class="b_l"></td>'+
			  '<td class="b_c"></td>'+
			  '<td class="b_r"></td>'+
			  '</tr>'+
			  '<tr>'+
			  '<td colspan="3" class="pirobox_down"></td>'+
			  '</tr>';
			var window_height =  jQuery(document).height();
			var bg_overlay = jQuery(jQuery('<div class="piro_overlay"></div>').hide().css({'opacity':+opt.bg_alpha,'height':window_height+'px'}));
			var main_cont = jQuery(jQuery('<table class="pirobox_content" cellpadding="0" cellspacing="0"></table>'));
			var caption = jQuery(jQuery('<div class="caption"></div>'));
			var piro_nav = jQuery(jQuery('<div class="piro_nav"></div>'));
			var piro_close = jQuery(jQuery('<a href="#close" class="piro_close" title="close"></a>'));
			var piro_play = jQuery(jQuery('<a href="#play" class="play" title="play slideshow"></a>'));
			var piro_stop = jQuery(jQuery('<a href="#stop" class="stop" title="stop slideshow"></a>'));
			var piro_prev = jQuery(jQuery('<a href="#prev" class="piro_prev" title="previous image"></a>'));
			var piro_next = jQuery(jQuery('<a href="#next" class="piro_next" title="next image"></a>'));				
			jQuery('body').append(bg_overlay).append(main_cont);
			main_cont.append(corners);
			jQuery('.pirobox_up').append(piro_close);
			jQuery('.pirobox_down').append(piro_nav);
			jQuery('.pirobox_down').append(piro_play);
			piro_play.hide();
			jQuery('.pirobox_down').append(piro_prev).append(piro_next);
			piro_nav.append(caption);
			var my_nav_w = piro_prev.width();
			main_cont.hide();
			var my_gall_classes = jQuery("a[class^='pirobox']");
			var map = new Object();
				for (var i=0; i<my_gall_classes.length; i++) {
					var it=jQuery(my_gall_classes[i])
					map['a.'+it.attr('class')]=0;
				}
			var gall_settings = new Array();
				for (var key in map) {
					gall_settings.push(key);
				}
				for (var i=0; i<gall_settings.length; i++) {
					jQuery(gall_settings[i]).each(function(rel){this.rel = rel+1 + "&nbsp;of&nbsp;" + jQuery(gall_settings[i]).length;});
						var add_first = jQuery(gall_settings[i]+':first').addClass('first');
						var add_last = jQuery(gall_settings[i]+':last').addClass('last');
				}						
			jQuery(my_gall_classes).each(function(rev){this.rev = rev+0});
			var imgCache = jQuery(my_gall_classes).each(function(){this.href});
			var hidden = jQuery('body').append('<div id="imgCache" style="display:none"></div').children('#imgCache');
			jQuery.each(imgCache, function (i,val) {
				jQuery('<div/>').css({'background':'url('+val+')'/*,'width':'600px','height':'200px'*/}).appendTo(hidden);
			});
			var piro_gallery = jQuery(my_gall_classes);
			jQuery.fn.fixPNG = function() {
				return this.each(function () {
					var image = jQuery(this).css('backgroundImage');
					if (image.match(/^url\(["']?(.*\.png)["']?\)jQuery/i)) {
						image = RegExp.jQuery1;
						jQuery(this).css({
							'backgroundImage': 'none',
							'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=" + (jQuery(this).css('backgroundRepeat') == 'no-repeat' ? 'crop' : 'scale') + ", src='" + image + "')"
						}).each(function () {
							var position = jQuery(this).css('position');
							if (position != 'absolute' && position != 'relative')
								jQuery(this).css('position', 'relative');
						});
					}
				});
			};
			jQuery.browser.msie6 =(jQuery.browser.msie && /MSIE 6\.0/i.test(window.navigator.userAgent));
			if( jQuery.browser.msie6 && !/MSIE 8\.0/i.test(window.navigator.userAgent)) {
				jQuery('.t_l,.t_c,.t_r,.c_l,.c_r,.b_l,.b_c,.b_r,a.piro_next, a.piro_prev,a.piro_prev_out,a.piro_next_out,.c_c,.piro_close,a.play,a.stop').fixPNG();
				var ie_w_h =  jQuery(document).height();
				bg_overlay.css('height',ie_w_h+ 'px'); 
			}
			if( jQuery.browser.msie) {
			opt.close_speed = 0;
			}
			jQuery(window).resize(function(){
				var new_w_bg = jQuery(document).height();
				bg_overlay.css({'visibility':'visible','height':+ new_w_bg +'px'});				  
			});	
			piro_prev.add(piro_next).bind('click',function(c) {
				c.preventDefault();
				var image_count = parseInt(jQuery(piro_gallery).filter('.item').attr('rev'));
				var start = jQuery(this).is('.piro_prev_out,.piro_prev') ? jQuery(piro_gallery).eq(image_count - 1) : jQuery(piro_gallery).eq(image_count + 1);
				if(!start.size()) {
					start = jQuery(this).is('.piro_prev_out,.piro_prev') ? jQuery(piro_gallery).eq(jQuery(piro_gallery).size() - 1) : jQuery(piro_gallery).eq(0);
				}
				start.click();
				piro_close.add(caption).add(piro_next).add(piro_prev).css('visibility','hidden');
			});
			jQuery(piro_gallery).each(function(array) {
					var item = jQuery(this);
					item.unbind(); 
					item.bind('click',function(c) {
						c.preventDefault();
						piro_open(item.attr('href'));
						var this_url = item.attr('href');
						//var descr = item.children('span').html();
						var descr = item.attr('title');	
						var number = item.attr('rel');
						if( descr == ""){
						caption.html('<p>'+ this_url+'<em class="number">' + number + '</em><a href='+ this_url +' class="link_to" target="_blank" title="Open Image in a new window"></a></p>');
						}else{
						caption.html('<p>'+ descr+'<em class="number">' + number + '</em><a href='+ this_url +' class="link_to" target="_blank" title="Open Image in a new window"></a></p>');
						}
						if(item.is('.last')){
							jQuery('.number').css('text-decoration','underline');
							
						}else{
							jQuery('.number').css('text-decoration','none');
							}				
						if(item.is('.first')){
							piro_prev.hide();
							piro_next.show();		
						}else{
							piro_next.add(piro_prev).show();		  
						}
						if(item.is('.last')){
							piro_prev.show();
							piro_next.hide();
							piro_play.css('width','0');	  
						}else{
							piro_play.css('width','40px');
							}
						if(item.is('.last') && item.is('.first') ){
							piro_prev.add(piro_next).hide();
							jQuery('.number').hide();
							piro_play.remove();
						}					
							jQuery(piro_gallery).filter('.item').removeClass('item');
							item.addClass('item');
							jQuery('.c_c').removeClass('unique');		
					});
				});
				var piro_open = function(my_url) {
					piro_play.add(piro_stop).hide();
					piro_close.add(caption).add(piro_next).add(piro_prev).css('visibility','hidden');
					if(main_cont.is(':visible')) {
						jQuery('.c_c div').children().fadeOut(300, function() {
							jQuery('.c_c div').children().remove();
							load_img(my_url);
						});
					} else {
						jQuery('.c_c div').children().remove();
						main_cont.show();
						bg_overlay.fadeIn(300,function(){
						load_img(my_url);
						});
					}
				}
				var load_img = function(my_url) {
				if(main_cont.is('.loading')) {return;}
				main_cont.addClass('loading');
				var img = new Image();
				img.onerror = function (){
					var main_cont_h = jQuery(main_cont).height();
					main_cont.css({marginTop : parseInt(jQuery(document).scrollTop())-(main_cont_h/1.9)});
				  jQuery('.c_c div').append('<p class="err_mess">There seems to be an Error:&nbsp;<a href="#close" class="close_pirobox">Close Pirobox</a></p>');
					jQuery('.close_pirobox').bind('click',function(c) {
						c.preventDefault();
						piro_close.add(bg_overlay).add(main_cont).add(caption).add(piro_next).add(piro_prev).hide(0,function(){ img.src = '';});
						main_cont.removeClass('loading');
					});
				}
				img.onload = function() {
					var imgH = img.height;
					var imgW = img.width;
					var main_cont_h = jQuery(main_cont).height();
					var w_H = jQuery(window).height();
					var w_W = jQuery(window).width();
					jQuery(img).height(imgH).width(imgW).hide();
						jQuery('.c_c div').animate({height:imgH+'px',width:imgW+'px'},opt.my_speed);
						var fix = imgH/w_H*2.3;
						if(w_H < imgH){h_fix = fix;}else{h_fix = 2;}
						main_cont.animate({
						height : (imgH+40) + 'px' ,
						width : (imgW+40) + 'px' , 
						marginLeft : '-' +((imgW)/2+20) +'px',
						marginTop : parseInt(jQuery(document).scrollTop())-(imgH/h_fix)},opt.my_speed, function(){
						jQuery('.piro_nav,.caption').css({width:(imgW)+'px','margin-bottom':'10px'});
						jQuery('.piro_nav').css('margin-left','-'+(imgW)/2+'px');
							var caption_height = caption.height();
							jQuery('.c_c div').append(img);					
							piro_close.css('display','block');
							piro_next.add(piro_prev).add(piro_close).css('visibility','visible');
							caption.css({'visibility':'visible','display':'block','opacity':'0.8','overflow':'hidden'});
							main_cont.hover(function(){
								caption.stop().fadeTo(200,0.8);},
								function(){caption.stop().fadeTo(200,0);
								});
								jQuery(img).fadeIn(300);
									main_cont.removeClass('loading');
									if(opt.slideShow === true){
									   piro_play.add(piro_stop).show();
									}else{
										 piro_play.add(piro_stop).hide();
									}	
							});			
						}
					img.src = my_url;
					jQuery('html').bind("keyup", function (c) {
						 if(c.keyCode == 27) {
							c.preventDefault();
							if(jQuery(img).is(':visible') || jQuery('.c_c>div>p>a').is('.close_pirobox')){
								jQuery(piro_gallery).removeClass('slideshow').removeClass('item');
								piro_close.add(bg_overlay).add(main_cont).add(caption).add(piro_next).add(piro_prev).hide(0,function(){ img.src = '';});
								main_cont.removeClass('loading');
								clearTimeout(timer);
								jQuery(piro_gallery).children().removeAttr('class');
								jQuery('.stop').remove();
								jQuery('.c_c').append(piro_play);
								jQuery('.sc_menu').css('display','none');
								jQuery('ul.sc_menu li a').removeClass('img_active').css('opacity','0.4');	
								piro_next.add(piro_prev).show().css({'top':'50%'});	
								jQuery(piro_gallery).children().fadeTo(100,1);
							}
						}
					});
					jQuery('html').bind("keyup" ,function(e) {
						 if (jQuery('.item').is('.first')){
						}else if(e.keyCode == 37){
						e.preventDefault();
							if(jQuery(img).is(':visible')){
								clearTimeout(timer);
								jQuery(piro_gallery).children().removeAttr('class');
								jQuery('.stop').remove();
								jQuery('.c_c').append(piro_play);
								piro_prev.click();
							}
						 }
					});
					jQuery('html').bind("keyup" ,function(z) {
						if (jQuery('.item').is('.last')){
						}else if(z.keyCode == 39){
						z.preventDefault();
							if(jQuery(img).is(':visible')){
								clearTimeout(timer);
								jQuery(piro_gallery).children().removeAttr('class');
								jQuery('.stop').remove();
								jQuery('.c_c').append(piro_play);
								piro_next.click();
								//alert('click')
							}
						}
					});
					var win_h = jQuery(window).height();
					piro_stop.bind('click',function(x){
						x.preventDefault();
						clearTimeout(timer);
						jQuery(piro_gallery).removeClass('slideshow');
						jQuery('.stop').remove();
						jQuery('.pirobox_down').append(piro_play);
						piro_next.add(piro_prev).css('width',my_nav_w+'px');
					});
					piro_play.bind('click',function(w){
						w.preventDefault();
						clearTimeout(timer);
						if(jQuery(img).is(':visible')){
						jQuery(piro_gallery).addClass('slideshow');
						jQuery('.play').remove();
						jQuery('.pirobox_down').append(piro_stop);
						}
						piro_next.add(piro_prev).css({'width':'0px'});
						return slideshow();
					});
				  jQuery(opt.close_all).bind('click',function(c) {
					jQuery(piro_gallery).removeClass('slideshow');
					clearTimeout(timer);
					if(jQuery(img).is(':visible')){
						c.preventDefault();
						piro_close.add(bg_overlay).add(main_cont).add(caption).add(piro_next).add(piro_prev).hide(0,function(){ img.src = '';});
						main_cont.removeClass('loading');
						jQuery(piro_gallery).removeClass('slideshow');
						piro_next.add(piro_prev).css('width',my_nav_w+'px').hide();
						jQuery('.stop').remove();
						jQuery('.pirobox_down').append(piro_play);
						piro_play.hide();
					}
				  });	
					if(opt.slideShow === true){
						function slideshow(){
							if( jQuery(piro_gallery).filter('.item').is('.last')){
							clearTimeout(timer);
							jQuery(piro_gallery).removeClass('slideshow');
							jQuery('.stop').remove();
							jQuery('.pirobox_down').append(piro_play);
							piro_next.add(piro_prev).css('width',my_nav_w+'px');								 
							} else if(jQuery(piro_gallery).is('.slideshow' ) && jQuery(img).is(':visible')){
								clearTimeout(timer);
								piro_next.click();
							}
						}					
						var timer = setInterval(slideshow,opt.slideSpeed*1000 );
					}


				}
			}

		start_pirobox();
	}
});