/* POPUP */
	
$(function(){ // onLoad
	
	$('.popupImg, .popupVideo, .popupFlash, .popupHtml, .popupGallery').click(function(e){

		var t = $(this); // объект     
		var newSrc = t.attr('href'); //  путь к большой картинке   
		var alt = t.children().attr('alt'); //  подпись       

		var htmlIMG = '';
		var htmlHtml = '';
		var htmlFlash = '';
		var htmlVideo = '';
		var htmlGallery = '';
		var htmlDownload = '';
		var downloadText = '';
		var popupClasses = '';
		var bodyHeight = $('#outer').height();
		var windowHeight = $(window).height();
		//var topX = (document.body.scrollTop || document.documentElement.scrollTop) + 15; // /* верхняя граница экрана для прокручивающихся попапов ( частный случай: ие6, ФФ2) */
		var topX = (document.body.scrollTop || document.documentElement.scrollTop) + 15; // /* верхняя граница экрана для прокручивающихся попапов ( частный случай: ие6, ФФ2) */

		if( t.hasClass('popupImg')) { var popupImg = true } 
		if( t.hasClass('popupFlash')) { var popupFlash = true }
		if( t.hasClass('popupVideo')) { var popupVideo = true } 
		if( t.hasClass('popupHtml')) { var popupHtml = true } 
		if( t.hasClass('popupGallery')) { var popupGallery = true; popupClasses = ' popupGalleryP' } 
		if( t.hasClass('popupLicense')) { var popupLicense = true; popupClasses = ' popupLicenseP'; } 
		if( t.hasClass('popupCamera')) { popupClasses = ' popupCamera'; }
		
		/* ===============================
		===   операции до создания попапа   ===
		=============================== */
		
		var downloadText = 'Скачать в оригинальном размере     ';   
		
		if (popupHtml) {
			htmlHtml = t.next().html();
		}
		
		if ( popupImg ) {   // IMG   
			
			if(popupGallery){  // Галерея   (HTML)
				var htmlGallery = '<div class="popupCaption">&nbsp;</div>' +
				'<div class="popupGalleryBox">'+
					'<a href="#" class="galleryPrev"><span class="galShield"></span><span class="galShieldPrev"></span><img id="galleryImg1" src="/tmp/gallerySmall.jpg" width="100" height="75" /></a>' +
					'<div class="galleryCurrentThumb"><img id="popupMainImgSmall" src="/tmp/gallerySmall.jpg" width="100" height="75" src="/tmp/gallerySmall.jpg" /></div>' +
					'<a href="#" class="galleryNext"><span class="galShield"></span><span class="galShieldNext"></span><img id="galleryImg3" src="/tmp/gallerySmall.jpg" width="100" height="75" /></a>' +
				'</div>';
			};
			
			var htmlIMG = '<img src="' + newSrc + '" class="popupMainImage out" id="popupMainImg" alt="" />';
			
			var originalPhoto = false;
			//var originalPhoto = t.attr('rel');
			
			if(originalPhoto){  // фото оригинального размера    
				//var string = newSrc.length;
				//var newSrc2 = newSrc.substr( 0, string-4 );
				/* //htmlDownload = '<div class="popupDownload"><a href="' + newSrc2 +  '_big.jpg" target="blank">Скачать в оригинальном размере</a></div>'; */
				htmlDownload = '<div class="popupDownload"><a href="' + originalPhoto +  '" target="blank">' + downloadText + '</a></div>';
				
			};
			
		};
		
		
		if ( popupVideo ) {   // VIDEO      
			htmlVideo = '<a href="' + newSrc + '" style="display:block;width:480px;height:385px;" id="player"></a>'; 
		};
		
		
		if ( popupFlash ) {   // FLASH
			var htmlFlash = '<div id="logo_flash"><img src="/img/zaglushka.gif" alt=""/></div>'; 
		};

		/* ===========================
		===   добавляем попап в HTML  ===
		============================*/
		
		$('body').append (  
			//'<table class="popupTable popupTableIMG" style="top:' + topX + 'px;"><tr class="tr1"><td class="td1"></td><td class="td2"></td><td class="td3"></td></tr><tr><td class="td1"></td><td class="td2">' +
			'<table class="popupTable popupTableIMG" style="top:-'+windowHeight+'px;"><tr class="tr1"><td class="td1"></td><td class="td2"></td><td class="td3"></td></tr><tr><td class="td1"></td><td class="td2">' +
				'<div class="popup' + popupClasses + '">' +
					'<div class="popupRCtop"></div>' +
					'<div class="popupHeader">' +
						'<a href="#" class="popupClose"></a>' +
					'</div>' +
					'<div class="popupBody"><div class="loader"></div><div class="cameraMessage">Обновление снимка...</div>' +
						htmlIMG + htmlVideo + htmlFlash + htmlHtml +
					'</div>' +
					'<div class="popupFooter">' +
						htmlGallery + 
						htmlDownload + 
					'</div>' +
					'<div class="popupRCbottom"></div>' +
				'</div>' +
			'</td><td class="td3"></td></tr><tr class="tr3"><td colspan="3"><div class="popupCloser"></div></td></tr></table>'
		);
		
		// Переменные, инициализирующиеся после создания попапа      
		var popupMainImage = $('.popupMainImage');
		var popupT = $('.popupTableIMG');
		var title = t.attr('title');  // заголовок    	   
		var caption = t.children().attr('alt'); // описание   
		var rel = t.attr('rel'); // rel
		var windowH = $(window).height(); // высота окна      	
		var popup = $('.popup');
		var popupTable = $('.popupTable');

		
		/* ==================================
		===   операции после создания попапа  ===
		================================== */
		
		
		$('.popupTitle').text(title);  // тайтл   
		$('.popupCaption').text(caption);  // подпись   
		popupT.css('height', windowH); // центруем по вертикали    
		popupTable.css({top:topX});
		
		
		if ( $.browser.mozilla && /1.8/.test(navigator.userAgent ) ) {    //  FF2  
			var fox2 = true;
			popupTable.addClass('popupTableFirefox2');
			popup.addClass('fox2');
		};
		
		
		if ( popupImg ) {  // IMG
		
			if(popupGallery){   // Галерея     
			
				$('.popup').css('width', 462); 
				
				var num = t.attr('rel'); // /* стартовая фотография   */
				var current = 0; // /* текущая фотография   */
				var totalPhotos = t.parents('.galleryBox').children().length;
				
				// /* следующая   */
				$('.galleryNext').click(function(){
					showPhoto(parseInt(current)+1);
					$(this).blur();
					return false;
				});

				/* // предыдущая   */
				$('.galleryPrev').click(function(){
					showPhoto(current-1);
					$(this).blur();
					return false;
				});
				
				/* // показать фото No   */
				function showPhoto(num) {
					
					/* // ходим внутри галереи   */
					var curBoxItem = t.parents('.galleryBox').children().children('a:eq('+(num -1)+')');
					
					var prevNext = curBoxItem.parent().next().children().attr('rel');
					var prevNum = curBoxItem.parent().prev().children().attr('rel');
					
					var prevUrl = curBoxItem.parent().prev().children().attr('href');
					var currUrl = curBoxItem.attr('href');
					var currAlt = curBoxItem.children().attr('alt');
					var nextUrl = curBoxItem.parent().next().children().attr('href');
					
					current = num;
					
					/* // скрываем стрелочку PREV */
					if(num <= 1) {
						$('.galleryPrev').addClass('out');
						url1 = '';
					
					/* // показываем стрелочку PREV */
					} else {
						$('.galleryPrev').removeClass('out');
						url1 = prevUrl; // [ num-1 ];
					}
					
					/* // скрываем стрелочку NEXT */
					if(num == totalPhotos) {
						$('.galleryNext').addClass('out');
						url3 = '';
						
					/* // скрываем стрелочку NEXT */
					} else {
						$('.galleryNext').removeClass('out');
						url3 = nextUrl; //url3 = gallery [ parseInt(num) + 1 ] ['url'];
					}
					
					$('#galleryImg1').attr({ src: url1 });
					$('#popupMainImg').load(function(){ // /* скрываем картинку пока не загрузится   */
						popupMainImage.removeClass('out');
					});
					
					$('#popupMainImg, #popupMainImgSmall').attr({ src: currUrl });
					
					
					$('#galleryImg3').attr({ src: url3 });
					//$('.popupCaption').text( gallery [ num ] ['alt']);
					$('.popupCaption').text( currAlt );
					$(".galleryThumbnail").removeClass("active");
					$("#" + current ).parent().addClass("active");
				};
				
				showPhoto( num );

			}
			
			popupMainImage.load(function(){     // скрываем картинку пока не загрузится      
			
				popupMainImage.removeClass('out');
				
				if ( fox2 == true ){   // FIREFOX 2   
					
					var imgWidth = popupMainImage.width(); // /* ширина картинки   */
					var imgHeight = popupMainImage.height(); // /* высота картинки   */
					
					var fox2top = ( ( ( $(window).height() - imgHeight ) /2 ) - 40 ); // topX
					var fox2left = ( ( $(window).width() - imgWidth ) /2); // leftY
					
					popup.css({ 'left': fox2left, 'top': fox2top}); 
					
				};
				
			});
		
		};
		
		
		if ( popupFlash ) {   // FLASH
			var size = rel.split(','); /*  размеры флеша берем из     rel="203,342" */
			// <![CDATA[
				var flashvars = {};
				var params = {wmode:"transparent", allowScriptAccess:"always"};
				swfobject.embedSWF(newSrc, "logo_flash", size[0], size[1], "8.0.0", newSrc, flashvars, params);
			// ]]>
		};
		
		
		if ( popupVideo ) {   // VIDEO  
		
			flowplayer("player", "/js/flowplayer-3.1.5.swf");
			//flowplayer("player", "/js/flowplayer-3.1.5.swf", 'http://krona' + newSrc);
			//$('#player').flowplayer( "http://swedishkrona.ru/js/flowplayer-3.1.5.swf" );
			
			if ( fox2 == true ){     // FIREFOX 2   
				
				var imgWidth = 480; // /* ширина видео   */
				var imgHeight = 385; // /* высота видео   */
				
				var fox2top = ( ( ( $(window).height() - imgHeight ) /2 ) - 40 ); // topX
				var fox2left = ( ( $(window).width() - imgWidth ) /2); // leftY
				
				popup.css({ 'left': fox2left, 'top': fox2top}); 
				
			};
		
		};


		// показываем тень
		$('.shadow').css({opacity:0,display:'block'}).fadeTo('fast', 0.3);
		$('.popupCloser').css('height', bodyHeight);
		
		
		$('.popupClose, .popupCloser, .shadow').click(function(){   // Close popup       
			popupT.remove();
			$('.shadow').fadeOut();
			return false;
		});
		
		
		if ( $.browser.msie && $.browser.version < 7) {   // IE6  
			//popupTable.css({'top': topX });
			$('.shadow').css('height', bodyHeight);
			$('.popupCloser, .popupTable').css('height', windowHeight);
			showPhoto(num); // фиксим неизвестный косяк ИЕ6    
		} 

		return false;
	});
	
	
	$(document).keyup(function(e) {    // close by ESC button  
		if (e.which == 27){
			$('.popupTableIMG').remove();
			$('.popap').add('.shadow').fadeOut();
		}
	});
	
	
}) // on Load