/**

* Name: piroBox v.1.2.1

* Date: december 2009

* Autor: Diego Valobra (http://www.pirolab.it),(http://www.diegovalobra.com)

* Version: 1.2.1

* Licence: CC-BY-SA http://creativecommons.org/licenses/by-sa/2.5/it/

**/		

(function($) {

	$.fn.piroBox = function(opt) {

		opt = jQuery.extend({

		my_speed : null,

		close_speed : 300,

		bg_alpha : 0.5,

		scrollImage : null,

		pirobox_next : 'piro_next_out',

		pirobox_prev :  'piro_prev_out',

		radius : 4,

		close_all : '.piro_close,.piro_overlay',

		slideShow : null,

		slideSpeed : null //slideshow duration in seconds

		}, 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 =  $(window).height();

			var bg_overlay = $(jQuery('<div class="piro_overlay"></div>').hide().css({'opacity':+opt.bg_alpha,'height':window_height+'px'}));

			var main_cont = $(jQuery('<table class="pirobox_content" cellpadding="0" cellspacing="0"></table>'));

			var caption = $(jQuery('<div class="caption"></div>').css({'opacity':'0.8','-moz-border-radius':opt.radius+'px','-khtml-border-radius':opt.radius+'px','-webkit-border-radius':opt.radius+'px','border-radius':opt.radius+'px'}));

			var piro_nav = $(jQuery('<div class="piro_nav"></div>'));

			var piro_close = $(jQuery('<div class="piro_close"></div>'));

			var piro_play = $(jQuery('<a href="#play" class="play"></a>'));

			var piro_stop = $(jQuery('<a href="#stop" class="stop"></a>'));

			var piro_prev = $(jQuery('<a href="#prev" class="'+opt.pirobox_prev+'"></a>'));

			var piro_next = $(jQuery('<a href="#next" class="'+opt.pirobox_next+'"></a>'));				

			$('body').append(bg_overlay).append(main_cont);

			main_cont.append(corners);

			$('.pirobox_up').append(piro_close);

			$('.pirobox_down').append(piro_nav);

			$('.c_c').append(piro_play);

			piro_play.hide();

			piro_nav.append(piro_prev).append(piro_next).append(caption);

			if(piro_prev.is('.piro_prev_out') || piro_next.is('.piro_next_out')){

				$('body').append(piro_prev).append(piro_next);

				piro_prev.add(piro_next).hide()

			}else{

				piro_nav.append(piro_prev).append(piro_next);

			}

			var my_nav_w = piro_prev.width();

			main_cont.hide();

			var my_gall_classes = $("a[class*='pirobox_gall']");

			var map = new Object();

				for (var i=0; i<my_gall_classes.length; i++) {

					var it=$(my_gall_classes[i])

					map['a.'+it.attr('class').match(/^pirobox_gall\w*/)]=0;

					//alert(my_gall_classes[i]);

				}

			var gall_settings = new Array();

				for (var key in map) {

					gall_settings.push(key);

					if($(key).length === 1){//check on set of images

					alert('For single image is recommended to use class pirobox');

					$(key).css('border','2px dotted red');

					}

				}

				for (var i=0; i<gall_settings.length; i++) {

					$(gall_settings[i]).each(function(rel){this.rel = rel+1 + "&nbsp;of&nbsp;" + $(gall_settings[i]).length;});

					var add_first = $(gall_settings[i]+':first').addClass('first');

					var add_last = $(gall_settings[i]+':last').addClass('last');

				}						

			$(my_gall_classes).each(function(rev){this.rev = rev+0});

			var piro_gallery = $(my_gall_classes);

			var piro_single = $('a.pirobox');

			$.fn.fixPNG = function() {

				return this.each(function () {

					var image = $(this).css('backgroundImage');

					if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {

						image = RegExp.$1;

						$(this).css({

							'backgroundImage': 'none',

							'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=" + ($(this).css('backgroundRepeat') == 'no-repeat' ? 'crop' : 'scale') + ", src='" + image + "')"

						}).each(function () {

							var position = $(this).css('position');

							if (position != 'absolute' && position != 'relative')

								$(this).css('position', 'relative');

						});

					}

				});

			};

			$(window).resize(function(){

				var new_w_bg = $(window).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($(piro_gallery).filter('.item').attr('rev'));

				var start = $(this).is('.piro_prev_out,.piro_prev') ? $(piro_gallery).eq(image_count - 1) : $(piro_gallery).eq(image_count + 1);

				start.click();

				piro_close.add(caption).add(piro_next).add(piro_prev).css('visibility','hidden');

			});

			piro_single.each(function(d) {

				var item = $(this);

				item.bind('click',function(d) {

					d.preventDefault();

					piro_open(item.attr('href'));

					var this_url = item.attr('href');

						var descr = item.attr('title');		

						if( descr == ""){

						caption.html('<p>'+ this_url+'<a href='+ this_url +' class="link_to" target="_blank" title="Open Image in a new window"></a></p>');

						}else{

						caption.html('<p>'+ descr+'<a href='+ this_url +' class="link_to" target="_blank" title="Open Image in a new window"></a></p>');

						}

					$('.c_c').addClass('unique');

					piro_next.add(piro_prev).add(piro_close).add(caption).hide();

					$('.play').remove();

				});

			});

			$(piro_gallery).each(function(array) {

					var item = $(this);

					item.bind('click',function(c) {

						c.preventDefault();

						piro_open(item.attr('href'));

						var this_url = item.attr('href');

						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')){

							$('.number').css('text-decoration','underline');	  

						}else{

							$('.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();			  

						}

						if(item.is('.last') && item.is('.first') ){

							piro_prev.add(piro_next).hide();

							$('.number').hide();

							piro_play.remove();

						}					

							$(piro_gallery).filter('.item').removeClass('item');

							item.addClass('item');

							$('.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')) {

						$('.c_c div').children().fadeOut(300, function() {

							$('.c_c div').children().remove();

							load_img(my_url);

						});

					} else {

						$('.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 = $(main_cont).height();

					main_cont.css({marginTop : parseInt($(document).scrollTop())-(main_cont_h/1.9)});

				  $('.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>');

					$('.close_pirobox').bind('click',function() {

						$('.err_mess').remove();

						main_cont.add(bg_overlay).fadeOut(opt.close_speed);

						main_cont.removeClass('loading');

						$('.c_c').append(piro_play);

						return false;

					});

				}

				img.onload = function() {

					var imgH = img.height;

					var imgW = img.width;

					var main_cont_h = $(main_cont).height();

					var w_H = $(window).height();

					var w_W = $(window).width();

					

					if(imgH+100 > w_H || imgW+100 > w_W){

						var new_img_W = imgW;

						var new_img_H = imgH;

						var _x = (imgW + 250)/w_W;

						var _y = (imgH + 250)/w_H;

						if ( _y > _x ){

							new_img_W = Math.round(imgW * (1/_y));

							new_img_H = Math.round(imgH * (1/_y));

						} else {

							new_img_W = Math.round(imgW * (1/_x));

							new_img_H = Math.round(imgH * (1/_x));

						}

						imgH += new_img_H;

						imgW += new_img_W;

						$(img).height(new_img_H).width(new_img_W).hide();

						$('.c_c div').animate({height:new_img_H+'px',width:new_img_W+'px'},opt.my_speed);				

						main_cont.animate({

						height : (new_img_H+20) + 'px' ,

						width : (new_img_W+20) + 'px' , 

						marginLeft : '-' +((new_img_W)/2+10) +'px',

						marginTop : parseInt($(document).scrollTop())-(new_img_H/1.9)-20},opt.my_speed, function(){	

						$('.piro_nav,.caption').css({width:(new_img_W)+'px'});

						$('.piro_nav').css('margin-left','-'+(new_img_W+5)/2+'px');

							var caption_height = caption.height();

							caption.css({'bottom':'-'+(caption_height+5)+'px'});

							$('.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'});

								$(img).show().fadeIn(300);

									main_cont.removeClass('loading');

									if(opt.slideShow === true){

									   piro_play.add(piro_stop).show();

									}else{

										 piro_play.add(piro_stop).hide();

									}									

							});

				}else{

					$(img).height(imgH).width(imgW).hide();

						$('.c_c div').animate({height:imgH+'px',width:imgW+'px'},opt.my_speed);

						main_cont.animate({

						height : (imgH+20) + 'px' ,

						width : (imgW+20) + 'px' , 

						marginLeft : '-' +((imgW)/2+10) +'px',

						marginTop : parseInt($(document).scrollTop())-(imgH/1.9)-20},opt.my_speed, function(){

						$('.piro_nav,.caption').css({width:(imgW)+'px'});

						$('.piro_nav').css('margin-left','-'+(imgW+5)/2+'px');

							var caption_height = caption.height();

							caption.css({'bottom':'-'+(caption_height+5)+'px'});

							$('.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'});

								$(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;

					var win_h = $(window).height();

					var nav_h = $('.piro_prev_out').height();

					$('.piro_prev_out').add('.piro_next_out').css({marginTop : parseInt($(document).scrollTop())+(win_h/nav_h-125)});	

					$('.caption p').css({'-moz-border-radius':opt.radius+'px','-khtml-border-radius':opt.radius+'px','-webkit-border-radius':opt.radius+'px','border-radius':opt.radius+'px'});	  

					piro_stop.bind('click',function(x){

						x.preventDefault();

						clearTimeout(timer);

						$(piro_gallery).children().removeAttr('class');

						$('.stop').remove();

						$('.c_c').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($(img).is(':visible')){

						$(piro_gallery).children().addClass('slideshow');

						$('.play').remove();

						$('.c_c').append(piro_stop);

						}

						piro_next.add(piro_prev).css({'width':'0px'});

						return slideshow();

					});

				  $(opt.close_all).bind('click',function(c) {

					clearTimeout(timer);

					if($(img).is(':visible')){

						c.preventDefault();

						piro_close.add(bg_overlay).add(main_cont).add(caption).add(piro_next).add(piro_prev).fadeOut(opt.close_speed);

						main_cont.removeClass('loading');

						$(piro_gallery).children().removeAttr('class');

						piro_next.add(piro_prev).css('width',my_nav_w+'px').hide();

						$('.stop').remove();

						$('.c_c').append(piro_play);

						piro_play.hide();

					  }

				  });

					if(opt.slideShow === true){

						function slideshow(){

							clearTimeout(timer);

							//alert('clikkato');

							if( $(piro_gallery).filter('.item').is('.last')){

								$(piro_gallery).children().removeAttr('class');

								piro_next.add(piro_prev).css('width',my_nav_w+'px');

								$('.stop').remove();

								$('.c_c').append(piro_play);

								piro_play.hide();

							}else if($(piro_gallery).children().is('.slideshow' )){

								piro_next.click();

							}

						}					

					var timer = setInterval(slideshow,opt.slideSpeed*1000 );

					}



					$().bind("keydown", function (c) {

					if (c.keyCode === 27) {

						c.preventDefault();

						if($(img).is(':visible') || $('.c_c>div>p>a').is('.close_pirobox')){

					  piro_close.add(bg_overlay).add(main_cont).add(caption).add(piro_next).add(piro_prev).fadeOut(opt.close_speed);

					  main_cont.removeClass('loading');

						clearTimeout(timer);

					  	$(piro_gallery).children().removeAttr('class');

						$('.stop').remove();

						$('.c_c').append(piro_play);

						piro_next.add(piro_prev).css('width',my_nav_w+'px');

					  $(piro_gallery).add(piro_single).children().fadeTo(100,1);

							}

						}

					}).bind("keydown", function(e) {

						if ($('.c_c').is('.unique') || $('.item').is('.first')){

						}else if($('.c_c').is('.c_c')&&(e.keyCode === 37)) {

							e.preventDefault();

							if($(img).is(':visible')){

							clearTimeout(timer);

							$(piro_gallery).children().removeAttr('class');

							$('.stop').remove();

							$('.c_c').append(piro_play);

							piro_next.add(piro_prev).css('width',my_nav_w+'px');

							piro_prev.click();

							} 

						}

						if ($('.c_c').is('.unique') || $('.item').is('.last')){

						}else if($('.c_c').is('.c_c')&&(e.keyCode === 39)) {

							e.preventDefault();

							if($(img).is(':visible')){

							clearTimeout(timer);

							$(piro_gallery).children().removeAttr('class');

							$('.stop').remove();

							$('.c_c').append(piro_play);

							piro_next.add(piro_prev).css('width',my_nav_w+'px');

							piro_next.click();

							} 

						}

					});

					$.browser.msie6 =($.browser.msie && /MSIE 6\.0/i.test(window.navigator.userAgent));

					if( $.browser.msie6 && !/MSIE 8\.0/i.test(window.navigator.userAgent)) {

						$('.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 =  $(document).height();

						bg_overlay.css('height',ie_w_h+ 'px'); 

					}

					if( $.browser.msie) {

					opt.close_speed = 0;

					}

					function scrollImage (){

						if($(main_cont).is(':visible')){

							window.onscroll = function (){

								var main_cont_h = $(main_cont).height();

								main_cont.css({

								marginTop : parseInt($(this).scrollTop())-(main_cont_h/1.9)-10

								});

								var Nwin_h = $(window).height();

								var Nnav_h = $('.piro_prev_out').height();

								$('.piro_prev_out').add('.piro_next_out').css({marginTop : parseInt($(document).scrollTop())+(Nwin_h/Nnav_h-125)});				

								}

							}

						}

					if(opt.scrollImage == true){

						return scrollImage();

					}



				}

			}



		start_pirobox();

	}

})(jQuery);