/*! Concept Gallery v3.1.0 http://sam3.pl | all rights reserved 
Ostatnia modyfikacja:
2016-09-08

- rozmiar miniaturek na podstawie Height oraz opcja SQUARE, albo domyślnie ustawić szerokość pustą
- rozmiar zdjęcia inline slideshow na podstawie proporcji
- Fullscreen - opcja chowania miniaturek - na hoverze pokazane
- Pager - zamieniany na numerki przy wielu elementach
- touch gesty
- opcja w konfiguracji GO FULLSCREEN?
- 

- mouse wheel po wejściu w fullscreen przestaje działać
- 2 galerie Fullscreen z-index konflikt
- przy trybie wall aktywne zdjęcie nie hoveruje (po wejściu w FS i wyjściu)



!!!!!! STARA KONFIGURACJA
<script type="text/javascript">
//	skofiguruj galerię
var options = new Object();
//	type - typ w jakim będzie uruchomiona:	wall	slideshow
//options.type = 'inlineSlideshow';	// 'inlineSlideshow'   'wall'
options.type = 'wall';	// 'inlineSlideshow'   'wall'
options.rowLimit = 4;	//	limit rzędów jakie będą na jednej stronie w przypadku ściany
options.thumbHeight = 100;	//	wysokość miniaturki (dla kwadratowych tasama będzie szerokość
options.thumbWidth = 0;	//	szerokość miniaturki (jeśli zero to zdjęcia będą zmniejszane na wysokość o automatycznej szerokości)
options.inlineSlideshowPhotoHeight = 300;	//	wysokość zdjęcia w trybie inline slideshow
options.allowLargeView=false;	//	czy można powiększać miniaturki (jeśli false wstawione będą tylko kafelki)
options.startInFullMode = false;	//	czy uruchamiamy w divie czy pełnym obszarze viewport
options.allowFullMode = false;	//	czy może przełączać się w tryb FullMode (wpływa także na FullScreen)
options.buttonActiveColor = '#000000';	//	kolor aktywnego buttonu
options.buttonHoverColor = '#888888';	//	kolor hover buttonu
options.buttonInactiveFsColor = '#eeeeee';	//	kolor nieaktywnego buttonu fullscreen
options.buttonActiveFsColor = '#000000';	//	kolor aktywnego buttonu fullscreen
options.buttonHoverFsColor = '#888888';	//	kolor hover buttonu fullscreen
options.backgroundOpacity = 0.8;	//	fullscreen mode background alpha
options.interfaceImagesPath = "http://projekty.concept.net.pl/galerie/images-design/";	//	path to folder with interface images
options.alignThumbnails = 'justify';	//	align thumbnails in inline view (not fullscreen)	'left' 'right' 'center' 'justify' 'justify left' 'fill'
options.alignThumbnailsFillExtraQuality = 3;	//	ile razy większe miniaturki przygotować, by następnie po powiększeniu ich w trybie FILL wyglądały lepiej
options.slideshowTime=4000;
options.slideshowStart=false;
options.showGalleryTitle=true;	//	wyświetl nazwę i opis galerii
options.showPictureTitle=true;	//	wyświetl tytuły zdjęć pod miniaturkami
options.timThumbPath = 'tools/timthumb.php';
options.imagesPath = 'http://projekty.concept.net.pl/galerie/images/';
options.loaderUrl = 'images-design/thumb-loader.gif';

runConceptGallery(jQuery('#g1'),options,jQuery);
</script>



*/
function runConceptGallery(myel,op,$) {
	console.info('runConceptGallery('+$(myel).attr("id")+')');
	
	
	/* --------------- NEW ---------- */
	op.squareThumbnails = false;
	op.inlineSlideshowPhotoFormat = '4:3';	//	4:3		16:9		16:10	3:4		9:16	10:16
	op.desktopFullMode = false;	//	czy chować interfejs systemu (F11 w przeglądarce)
	op.fsThumbnailsMode = 'hover';	//	hover - zjęcie pełnej wielkości - miniaturki niewidoczne, pokazują się na zdjęciu po mouse hover
									//	on - pasek pod zdjęciem widoczny
									//	off - schowane do ikonki
	/* --------------- NEW ---------- */
	
	
	/* --------------- TEMP ---------- */
	///op.alignThumbnails = 'fill';
	///op.rowLimit = 2;
	
	/* --------------- TEMP ---------- */
	
	
	/* --------------- OVERWRITES ---------- */
	op.buttonActiveColor = 'rgba(0,0,0,0.6)';
	op.backgroundOpacity = 0.9;	//	fullscreen mode background alpha
	op.speed1 = 0.3;
	op.speed2 = 0.5;
	op.scaleHover = 1.2;
	op.photoBoxPadding = 20;	//	padding inside photoBox (border containing title image and image description)
	//op.alignThumbnails = 'fill';	//	align thumbnails in inline view (not fullscreen)	'left' 'right' 'center' 'justify' 'fill'
	op.buttonInactiveColor = '#aaaaaa';	//	kolor nieaktywnego buttonu
	op.buttonActiveColor = '#1256bb';	//	kolor aktywnego buttonu
	op.buttonHoverColor = '#000000';	//	kolor hover buttonu
	op.buttonInactiveFsColor = '#aaaaaa';	//	kolor nieaktywnego buttonu fullscreen
	op.buttonActiveFsColor = '#000000';	//	kolor aktywnego buttonu fullscreen
	op.buttonHoverFsColor = '#ffffff';	//	kolor hover buttonu fullscreenoptions.buttonInactiveColor = '#dddddd';	//	kolor nieaktywnego buttonu
	//op.showGalleryTitle = false;
	op.showPictureTitle = false;
	/* --------------- OVERWRITES ---------- */
	
	
	
	
	var el=myel;
	$(myel).wrap('<div class="concept-gallery-placeholder"></div>');
	var gal=$(myel).parent();
	
	var browserFullScreen = $(window).data('fullscreen-state');
	$(window).bind("fullscreen-on", function(e, state) {
		browserFullScreen = true;
		getScreenSize();
		fixView();
	});
	$(window).bind("fullscreen-off", function(e, state) {
		browserFullScreen = false;
		getViewportSize();
		fixView();
	});
		
	//	get viewport size
	var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0];
	var getViewportSize = function(){
		x=w.innerWidth||e.clientWidth||g.clientWidth,y=w.innerHeight||e.clientHeight||g.clientHeight;
	}
	var getScreenSize = function(){
		x=window.screen.width;
		y=window.screen.height;
	}
	var getViewSize = function(){
		//cc('getViewSize  browserFullScreen=',browserFullScreen);
		if (browserFullScreen)
			getScreenSize();
		else
			getViewportSize();
	}
	//getViewportSize();
	getViewSize();
	TweenLite.defaultEase = Quad.easeOut;
	
	
	
	
	/*	***************************************************	
	*	Config
	*	***************************************************/
	
	op.rowLimit = parseInt(op.rowLimit);	//	limit rzędów jakie będą na jednej stronie w przypadku ściany
	op.thumbHeight = parseInt(op.thumbHeight);	//	wysokość miniaturki (dla kwadratowych tasama będzie szerokość
	op.thumbWidth = parseInt(op.thumbWidth);	//	szerokość miniaturki (jeśli zero to zdjęcia będą zmniejszane na wysokość o automatycznej szerokości)
	op.inlineSlideshowPhotoHeight = parseInt(op.inlineSlideshowPhotoHeight);	//	wysokość zdjęcia w trybie inline slideshow
	
	//	ustal wielkość zdjęcia inlineSlideshow na podstawie proporcji z konfiguracji
	var isphx = parseInt(op.inlineSlideshowPhotoFormat.split(':')[0]);
	var isphy = parseInt(op.inlineSlideshowPhotoFormat.split(':')[1]);
	op.inlineSlideshowPhotoHeight = $(gal).width()*isphy/isphx;
	
	op.alignThumbnailsFillExtraQuality = parseInt(op.alignThumbnailsFillExtraQuality);	//	ile razy większe miniaturki przygotować, by następnie po powiększeniu ich w trybie FILL wyglądały lepiej
	op.slideshowTime = parseInt(op.slideshowTime);
	
	var smallGallery;
	var largeGallery;
	var largeGalleryGenerated=false;	//	is full screen in memory?
	var lastPicture = 0;	//	currentPicture of previous gallery view (used to determine if after mode change picture should be changed to)
	
	var fsThumbnailsMode = op.fsThumbnailsMode;
	
	var currentPage = 0;	//	current thumbnail page
	var currentPageInline = 0;
	var currentPageFs = 0;
	var pageCount = 0;
	var currentPicture = 1;	//	current picture
	var currentViewRowLimit = op.rowLimit;	//	limit used in current view
	var fsgcurrentViewRowLimit = op.rowLimit;	//	limit used in current view
	var centerThumbnails = false;
	var fsgcenterThumbnails = false;
	var slideshowRunning=false;
	var slideshowTimer;
	var displayText = true;	//	display text on picture
	var fsgdisplayText = true;	//	display text on picture
	var cancelLoad = false;	//	stops loading loop when switched to full screen before all thumbnails are loaded
	var allThumbnailsLoaded = false;
	var splitThumbnailsCounter = 0;	//	fixes problem when splitThumbnailsToPages function is executed twice
	var fsMode = false;	//	full screen mode
	var changingMode = false;
	var displayPhotoView = false;	//	if in this view large photo should be displayed
	var fsgdisplayPhotoView = false;	//	if in this view large photo should be displayed
	var photoBoxImageOnly = false;	//	if photo box should have border title and description
	var fsgphotoBoxImageOnly = false;	//	if photo box should have border title and description
	
	var photoNextOverScale = 1;
	var photoNextOutScale = 0.7;
	
	// starting diemensions
	var startHeight = $('.concept-gallery',gal).height();
	var startWidth = $('.concept-gallery',gal).width();
	var startMarginTop = $('.concept-gallery',gal).css('margin-top');
	var startMarginBottom = $('.concept-gallery',gal).css('margin-bottom');
	var fullScreenStartScrollTop = -1;
	var photoAreaWidth = 0;
	var photoAreaHeight = 0;
	var fsgphotoAreaWidth = 0;
	var fsgphotoAreaHeight = 0;
	var currentViewMode = 'fsView';	//fsView	fsWall		inlineView		inlineWall
	
	//	************************
	//	get image list and gallery data
	var timthumbPath = op.timThumbPath;
	var imagePath = op.imagesPath;
    var imageFile = op.imagesFile;
	var loaderUrl = op.loaderUrl;
	
	//	prepare image list config
	var configString = $('.config', el).text();
	var cArray = configString.split("°");
	var images = new Array();		//	array with image data
	var photos = new Array();		//	array with picture objects
	var fsgphotos = new Array();		//	array with picture objects
	
	var galleryConfig = new Object();
	var temp = cArray[0].split('~');
	galleryConfig.title = temp[0];
	galleryConfig.description = temp[1];
	galleryConfig.imagesUrl = temp[2];
	galleryConfig.imagesFile = temp[3];
	
	for (var i=1; i < cArray.length; i++) {
		var temp = cArray[i].split('~');
		var img = new Object();
		img.url = temp[0];
		img.title = temp[1];
		img.alt = temp[2];
		console.log(img.alt);
		images[i] = img;
	}
	
	//cc('imgages.length',images.length);
	imagePath = galleryConfig.imagesUrl;
	imageFile = galleryConfig.imagesUrl+galleryConfig.imagesFile;
	//imagePath = 'http://localhost/galerie/v3/images/';
	
	//	array with configured src paths for thimthumb
	var srcArray = new Array();
	var thumbnailsLoadedTotal = 0;
	var thumbnails = new Array();
	var thumbnailContainers = new Array();
	var fsgthumbnails = new Array();
	var fsgthumbnailContainers = new Array();
	
	$('.concept-gallery',gal).text('');
	$('.concept-gallery',gal).addClass('concept-gallery');
	if(!op.allowLargeView){
		$('.concept-gallery',gal).addClass('unclickable');
	}
	if(op.type=='inlineSlideshow'){
		$('.concept-gallery',gal).addClass('inline-slideshow');
	}
	var galleryTitleStyle='';
	if (!op.showGalleryTitle) {
		galleryTitleStyle="display:none;";
	}
	galleryTitle=$('<div class="gallery-title" style="'+galleryTitleStyle+'"><h3>'+galleryConfig.title+'</h3></div><div class="gallery-description" style="'+galleryTitleStyle+'">'+galleryConfig.description+'</div>');
	if (!op.showGalleryTitle) {
		$(gal).prepend(galleryTitle);
	}
	
	
	var bgd = $('<div class="page-background"></div>');
	$(bgd).css({background:'#000000',opacity:0,visibility:'hidden',position:'fixed',width:'100%',height:'100%'});
	$('.concept-gallery',gal).append(bgd);
	var tc = $('<div class="thumbnail-container" style="position:absolute;"></div>');
	
	var ctrl=$('<div class="controls" style="position:absolute;bottom:0;"></div>');
	var pc;	//	pages container - for thumbnails
	var fc = $('<div class="photo-container"></div>');
	$('.concept-gallery',gal).append(fc);
	$('.concept-gallery',gal).append(tc);
	$('.photo-container',gal).append('<div class="photo-container-bgd" style="position:absolute;cursor:pointer;"></div>');
	var fb = $('<div class="photo-box"><div class="but-prev-container" tabindex="0" title="Poprzednie zdjęcie"><div class="but-prev" style="transform:scale('+photoNextOutScale+');"><div class="icon-prev"></div></div></div><div class="photo-loader"><img src="'+loaderUrl+'" title="loader" /></div><div class="photo-title"><div class="photo-title-icon" style="background: '+op.buttonActiveColor+'"><img src="'+op.interfaceImagesPath+'icon-title-reversed.png" title="Tytuł" /></div><div class="photo-title-text"></div></div><div class="photo-image" tabindex="0"></div><div class="photo-description"><div class="photo-description-text"></div></div><div class="but-next-container" tabindex="0" title="Następne zdjęcie"><div class="but-next" style="transform:scale('+photoNextOutScale+');"><div class="icon-next"></div></div></div>');
	$('.photo-container',gal).append(fb);
	
	$('.photo-description', gal).mouseenter(function(){
		TweenLite.to($(this),op.speed1,{height:$('div',this).height()+14});
	});
	$('.photo-description', gal).mouseleave(function(){
		TweenLite.to($(this),op.speed1,{height:34});
	});	
	
	$('.concept-gallery',gal).append('<div class="but-close-container" tabindex="0" title="Zamknij pełen ekran"><div class="but-close"><div class="icon-close"></div></div>');
	
	$('.but-prev-container', gal).click(function(){
		currentPicture --;
		if (currentPicture==0)
			currentPicture = images.length-1;
		changePhoto();
	});
	$('.but-prev-container', gal).on('keydown',function(e){
		if (e.which === 9 && e.shiftKey) {
			if (fsMode){
				e.preventDefault();
				$('.but-close-container',gal).focus();				
			}
		}
	});
	$('.but-next-container', gal).click(function(){
		currentPicture ++;
		if (currentPicture==images.length)
			currentPicture = 1;
		changePhoto();
	});
	
	$('.photo-image',gal).click(function(){
		if ((op.type=='inlineSlideshow') &&
			(!fsMode)) {
			toggleFSMode();
		}
	});
	
	$('.photo-container-bgd',gal).click(function(){
		if (currentViewMode!='fsWall'){
			toggleFSMode();
		}
	});
	$('.but-close-container', gal).click(function(){
		toggleFSMode();
	});
	$('.but-close-container', gal).on('keydown',function(e){
		if (e.which === 9 && !e.shiftKey) {
			e.preventDefault();
			$('.but-prev-container',gal).focus();
		}
	});
	$(document).on('keyup',function(e){
		if (e.which == 27) {
			if (fsMode) {
				toggleFSMode();
			}
		}
	});
	
	
	$(gal).bind('mousewheel DOMMouseScroll', function(event){
		getViewSize();
		if (fsMode){
			event.preventDefault();
			//console.log('fs');
		}
		if (pageCount>0) {
			event.preventDefault();
			if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
				// scroll up
				var target = $(event.target);
				if ( $(target).parents('.photo-box').length ) { // has parent }
					currentPicture --;
					if (currentPicture==0)
						currentPicture = images.length-1;
					changePhoto();
					if (slideshowRunning){
						toggleSlideshow();
					}
				}
				if ( $(target).parents('.thumbnail-container').length ) { // has parent }
					currentPage --;
					if (currentPage<0)
						currentPage = $('.pages-container', gal).children().length-1;
					changePage();
				}
			}
			else {
				// scroll down
				var target = $(event.target);
				if ( $(target).parents('.photo-box').length ) { // has parent }
					currentPicture ++;
					if (currentPicture==images.length)
						currentPicture = 1;
					changePhoto();
					if (slideshowRunning){
						toggleSlideshow();
					}
				}
				if ( $(target).parents('.thumbnail-container').length ) { // has parent }
					currentPage ++;
					if (currentPage==($('.pages-container', gal).children().length))
						currentPage = 0;
					changePage();
				}
			}
		}
	});
	
	
	/*	***************************************************
	*	Load thumbnails
	*	***************************************************/
	var thumbnailLoaded = function(i,counter) {
		//console.log('thumbnailLoaded('+i+')');
		
		//	fix bo numeruję zdjecia od jeden bo pod zerem jest tytuł i opis dla całej galerii a nie miniaturek
		if (thumbnailsLoadedTotal == 0) {
			thumbnailsLoadedTotal = 1;
		}
		
		thumbnailsLoadedTotal ++;
		if (thumbnailsLoadedTotal < images.length) {
			TweenLite.to($('.thumb-loader', thumbnailContainers[i]),op.speed1,{autoAlpha:0});
			$(thumbnails[i]).css({opacity:0,height:'100%',width:'auto'});
			$(thumbnails[i]).addClass('image-thumbnail');
			$('.thumb-pic',thumbnailContainers[i]).append(thumbnails[i]);
			TweenLite.to($(thumbnails[i]),op.speed1,{opacity:1});
			TweenLite.to($('.thumb-pic',thumbnailContainers[i]),op.speed1,{width:$(thumbnails[i]).width()});
			loadThumbnails(thumbnailsLoadedTotal,counter);
		}
		else {
			//	gdy wszystkie miniaturki wgrane (opóźniamy o animację rozszerzania aby się rozłożyły prawidłowo w rzędach)
			TweenLite.to($('.thumb-loader', thumbnailContainers[i]),op.speed1,{autoAlpha:0});
			$(thumbnails[i]).css({opacity:0,height:'100%',width:'auto'});
			$(thumbnails[i]).addClass('image-thumbnail');
			$('.thumb-pic',thumbnailContainers[i]).append(thumbnails[i]);
			TweenLite.to($(thumbnails[i]),op.speed1,{opacity:1});
			TweenLite.to($('.thumb-pic',thumbnailContainers[i]),op.speed1,{width:$(thumbnails[i]).width(),onCompleteParams:[counter],onComplete:splitThumbnailsToPages});
			TweenLite.to($('.thumbnail-loader-counter', el),op.speed1,{autoAlpha:0,delay:2});
		}
		
		// update loader-countr
		$('.thumbnail-loader-counter',gal).html((thumbnailsLoadedTotal-1)+' / '+(images.length-1));
		
		// add hover overlay
		$('.thumb-pic',thumbnailContainers[i]).append('<div class="thumb-current" style="width:100%; height:100%; opacity:0;box-shadow:inset 0 0 0 10px '+op.buttonActiveColor+';-webkit-box-shadow:inset 0 0 0 10px rgba(0,0,0,0.5);visibility:hidden; display:none;"></div>');
		$('.thumb-pic',thumbnailContainers[i]).append('<div class="thumb-hover" style="height:100%;width:100%;"></div>');
		$('.thumb-pic',thumbnailContainers[i]).append('<div class="thumb-title" style="">'+images[i].title+'</div>');
		if ((op.showPictureTitle)&&
			(!fsMode)) {
			$('.thumb-title',thumbnailContainers[i]).css({display:'none'});
		}
		if (op.showPictureTitle){
			$(thumbnailContainers[i]).append('<div class="thumb-outer-title" style="opacity:0;">'+images[i].title+'</div>');
		}
		$('.thumb-pic, .thumb-hover, .thumb-title, .thumb-outer-title',thumbnailContainers[i]).attr('thumbId',i);
		
		TweenLite.to($('.thumb-current',thumbnailContainers[i]),0,{boxShadow:"inset 0 0 0 10px rgba(0,0,0,0.5)",opacity:0});
		
		$(thumbnailContainers[i]).mouseenter(function(){
			if (!$(this).hasClass('current')){
				TweenLite.to($('.thumb-hover, .thumb-title',this),op.speed1,{autoAlpha:1});
				TweenLite.to($('img',this),op.speed1,{scale:op.scaleHover});
			}
		});
		$(thumbnailContainers[i]).mouseleave(function(){
			TweenLite.to($('.thumb-hover, .thumb-title',this),op.speed1,{autoAlpha:0});
			TweenLite.to($('img',this),op.speed1,{scale:1});
		});
		$(thumbnailContainers[i]).focusin(function(){
			$(this).closest('.concept-gallery').scrollLeft(0);
			if (!$(this).hasClass('current')){
				TweenLite.to($('.thumb-hover, .thumb-title',this),op.speed1,{autoAlpha:1});
				TweenLite.to($('img',this),op.speed1,{scale:op.scaleHover});
			}
			currentPage = $(this).closest('.thumb-container').attr('page');
			changePage();
		});
		$(thumbnailContainers[i]).focusout(function(){
			TweenLite.to($('.thumb-hover, .thumb-title',this),op.speed1,{autoAlpha:0});
			TweenLite.to($('img',this),op.speed1,{scale:1});
		});
		
	}
	var loadThumbnails = function(i,counter) {
		//cc('loadThumbnails');
		//cc(thumbnails.length);
		var imageObj = new Image();
		thumbnails[i] = imageObj;
		imageObj.onload = function() {
			thumbnailLoaded(i,counter);
		};
		imageObj.src = srcArray[i];
		if (images[i].alt) {
			imageObj.alt = images[i].alt;
		}
		else {
			imageObj.alt = '';
			//imageObj.title = images[i].title;
		}
		$(imageObj).attr('alt','');
	}
	
	/*	***************************************************
	*	create controls
	*	***************************************************/
	var createControls = function(){
		//cc('createControls()');
		$('.controls', gal).empty();
		$('.controls', gal).remove();
		//$(ctrl).insertBefore('.but-close-container',gal);
		$('.but-close-container',gal).before(ctrl);
		//$('.concept-gallery',gal).append(ctrl);
		$('.controls', gal).empty();
		$('.controls', gal).append('<div class="full-screen button" style="opacity:0;" tabindex="0" title="Przełącz tryb pelnoekranowy"></div>');
		$('.controls', gal).append('<div class="slideshow-play button" style="opacity:0;" tabindex="0" title="Uruchom / zatrzymaj pokaz slajdów"><div class="play button"></div><div class="stop button"></div></div>');
		$('.controls', gal).append('<div class="thumbnail-loader-counter"></div>');
		if (op.allowLargeView)
			TweenLite.to($('.full-screen',gal),op.speed1,{opacity:1});
		else
			$('.full-screen',gal).css({display:'none'});
		
		TweenLite.to($('.slideshow-play',gal),op.speed1,{opacity:1});
		
		if (fsMode) {
			$('.thumbnail-loader-counter',gal).css({right:40,color:'#ffffff',opacity:0});
			$('.controls', gal).css({bottom:10,left:10});
		}
		correctThumbnailContainerHeight();
	}
	
	var correctThumbnailContainerHeight=function(){
		//cc('correctThumbnailContainerHeight');
		$('.controls', gal).css({margin:0});
		if (thumbnailContainers[1]){
			var myPages = $('.pages-container',gal).children();
			var rowsH=0;
			var maxRows = 0;
			var maxPageH = 0;
			for (var i=0;i<myPages.length;i++){
				rowsH=0;
				var pRows=$(myPages[i]).children();

				for (var i3=0;i3<pRows.length;i3++){
					rowsH += $(pRows[i3]).height();
					//cc('$(pRows['+i3+']).height()',$(pRows[i3]).height())
				}
				if (rowsH>maxPageH){
					maxPageH=rowsH;
				}
				//cc('maxPageH',maxPageH);
			}
			if (!fsMode) {
				//cc('NOT fs');
				if (op.rowLimit!=0) {
					myH = currentViewRowLimit*(op.thumbHeight+parseInt($(thumbnailContainers[1]).css('margin-bottom')))+0*$('.controls', gal).height();
					if (maxPageH!=myH){
						myH=maxPageH;
					}
					if ((op.alignThumbnails=='fill') &&
						(!fsMode)){
						if ($('.pages-container .p'+currentPage,gal).height()>myH){
							myH=$('.pages-container .p'+currentPage,gal).height()+0*$('.controls', gal).height();
						}
					}
					//cc('myH',myH);
					TweenLite.to($('.thumbnail-container', gal),op.speed1,{bottom:$('.controls', gal).height(),height:myH});
					if (op.type=='inlineSlideshow') {
						myH+=op.inlineSlideshowPhotoHeight+10;
					}
					TweenLite.to($('.concept-gallery',gal),op.speed1,{height:myH+$('.controls', gal).height()});	
				}
				else {
					//cc('FS');
					//cc('@@@maxPageH',maxPageH);
					TweenLite.to($('.concept-gallery',gal),op.speed1,{height:maxPageH+$('.controls', gal).height()});	
					//$('.concept-gallery',gal).css({height:maxPageH});
				}
			}
			//cc('fsMode',fsMode);
			if (fsMode){
				if (!changingMode){
					//cc('not changing   y='+y);
					TweenLite.to($('.concept-gallery',gal),op.speed1,{height:y});
				}
				else{
					//cc('changing');
					changingMode=false;
				}
			}
		}
		//cc('$(".concept-gallery",gal).heigh()',$('.concept-gallery',gal).height())
	}
	
	
	/*	***************************************************
	*	build thumbnails
	*	***************************************************/
	var buildThumbnails = function(type,rows){
		//console.info('###buildThumbnails('+type+', '+rows+')');
		splitThumbnailsCounter++;
	
		$('.pages-container',gal).children().remove();
		$('.thumbnail-container',gal).children().remove();
		$('.thumbnail-container', gal).children().remove();
		$('.thumbnail-container', gal).css({opacity:0});
		
		currentViewRowLimit = rows;
		
		//	**************************
		//	wall
			
		srcArray = new Array();
		thumbnailContainers = new Array();
		for (var i=1;i<images.length;i++){
			var tw='';
			var th='&h='+op.thumbHeight;
			if (op.squareThumbnails){
				tw='&w='+op.thumbHeight;
			}
			if (op.alignThumbnails=='fill'){
				if (op.squareThumbnails){
					tw='&w='+op.thumbHeight*op.alignThumbnailsFillExtraQuality;
				}
				th='&h='+op.thumbHeight*op.alignThumbnailsFillExtraQuality;
			}
			var imgSrc = timthumbPath+'?src='+imageFile+images[i].url+tw+th;
			srcArray[i]=imgSrc;
			thumbnailContainers[i] = $('<div class="thumb-container" style="float:left;"><div class="thumb-pic" style="width:'+op.thumbWidth+'px;height:'+op.thumbHeight+'px; float:left;" tabindex="0"><img class="thumb-loader" src="'+op.loaderUrl+'" alt="" /></div></div>');
			$('.thumbnail-container', gal).append(thumbnailContainers[i]);
		}
		$('.thumbnail-container', gal).css({height:rows*(parseInt(op.thumbHeight)+parseInt(thumbnailContainers[1].css('margin-bottom')))});
		if (rows==0) {
			$('.thumbnail-container', gal).css({height:'auto'});
		}
		thumbnails = new Array();
		thumbnailsLoadedTotal = 0;
		TweenLite.to($('.thumbnail-loader-counter',gal),op.speed1,{autoAlpha:1});
		loadThumbnails(1,splitThumbnailsCounter);
		
		//	poprawiam wysokość containera o margines z cssa
		if (rows==0) {
			$('.concept-gallery',gal).css({
				height:'auto'
			});
		}
		else if (op.type=='inlineSlideshow') {
			myH = rows*(parseInt(op.thumbHeight)+10);
			myH+=parseInt(op.inlineSlideshowPhotoHeight)+10;
			$('.concept-gallery',gal).css({
				height:myH
			});
		}
		else {
			myH = rows*(parseInt(op.thumbHeight)+10);
			if (op.type=='inlineSlideshow')
				myH+=parseInt(op.inlineSlideshowPhotoHeight)+10;
			$('.concept-gallery',gal).css({height:myH});
		}
		if (fsMode) {
			$('.concept-gallery',gal).css({height:'100%'});
		}
		
	}
	
	var splitThumbnailsToPages = function(counter){
		//console.log('!!!!!!!!splitThumbnailsToPages');
		//console.log('counter='+counter+'       splitThumbnailsCounter='+splitThumbnailsCounter);
		if (counter==splitThumbnailsCounter){
			var rows = currentViewRowLimit;
			//cc('currentViewRowLimit',currentViewRowLimit);
			
			var cGroup=0;
			var cPage=0;
			var cMaxGroups = 0;
			var groupsTotal=0;
			var prevOffset = $(thumbnailContainers[1]).offset().top;
			
			//	oznaczam miniaturki pod kątem ustalenia na jaką stronę z miniaturkami ma trafić
			for (var i=1;i<thumbnailContainers.length;i++){
				var offset=$(thumbnailContainers[i]).offset();
				//cc('offset',offset.top);
				if (rows>=0){
					if (offset.top>prevOffset){
						if (cGroup>cMaxGroups){
							cMaxGroups=cGroup;
						}
						cGroup++;
						groupsTotal++;
						prevOffset=offset.top;
					}
					if ((cGroup==rows)&&
						(rows>0)){
						cGroup=0;
						cPage++;
					}
				}
				$(thumbnailContainers[i]).addClass('tp'+cPage+' tg'+cGroup+' gt'+groupsTotal).
				attr('page',cPage);
			}
			pageCount = cPage;
			getViewSize();
			//	tworzę containery stron
			for (var i=0;i<=cPage;i++){
				$('.tp'+i,gal).wrapAll('<div class="page p'+i+'"></div>');
				if (centerThumbnails) {
					var tumbs=$('.p'+i,gal).children();
					var total=0;
					for (var c=0;c<tumbs.length;c++){
						total+=$(tumbs[c]).width();
					}
					var firstThumbMarginRight = parseInt($(tumbs[0]).css('margin-right'));
					
					total+=(tumbs.length-1)*(firstThumbMarginRight);
					TweenLite.to($(tumbs[0]),op.speed1*0,{marginLeft:(x-total-40)/2,ease:Circ.easeOut});
				}
			}
			
			$('.page',gal).css({width:$('.concept-gallery',gal).width()});
			$('.page',gal).wrapAll('<div class="pages-container"></div>');
			pc=$('.pages-container',gal);
			$('.pages-container',gal).css({width:(cPage+1)*$('.concept-gallery',gal).width()});
			
			//	align thumbnails
			for (var i=0;i<=groupsTotal;i++) {
				$('.gt'+i,gal).wrapAll('<div class="thumbnail-row tr'+i+'"></div>');
			}
			
			
			var myRows = $('.thumbnail-row',gal);
			var alignType = op.alignThumbnails;
			if (fsMode) {
				alignType = '';
			}
			var rowMaxHeight = 0;
			
			for (var i=0;i<myRows.length;i++) {
				//cc('rząd',i);
				var thumbs = $(myRows[i]).children();
				var thumbsOuterWidth = 0;
				var thumbsInnerWidth = 0;
				$(thumbs[thumbs.length-1]).css({marginRight:0});
				for (var i1=0;i1<thumbs.length;i1++){
					thumbsOuterWidth += $(thumbs[i1]).outerWidth(true);
					thumbsInnerWidth += $(thumbs[i1]).outerWidth();
				}
				
				switch (alignType) {
					case 'left':
						insertOuterTitles();
					break;
					
					case 'right':
						$(thumbs[0]).css({marginLeft:$(myRows[i]).width()-thumbsOuterWidth});
						TweenLite.to($(thumbs[0]),op.speed1,{marginLeft:$(myRows[i]).width()-thumbsOuterWidth,onComplete:insertOuterTitles});
					break;
					
					case 'center':
						$(thumbs[0]).css({marginLeft:($(myRows[i]).width()-thumbsOuterWidth)/2});
						insertOuterTitles();
					break;
					
					case 'justify':
						var marginCount = thumbs.length-1;
						if (marginCount<=0){marginCount=1;}
						var myMargin = ($(myRows[i]).width()-thumbsInnerWidth)/(marginCount);
						$(thumbs[thumbs.length-1]).css({marginRight:0});
						if (i<(myRows.length-1)){
							TweenLite.to($('.thumb-container',myRows[i]).not('.thumb-container:last-child',myRows[i]),op.speed1,{marginRight:myMargin});
						}
						else {
							TweenLite.to($('.thumb-container',myRows[i]).not('.thumb-container:last-child',myRows[i]),op.speed1,{marginRight:myMargin,onComplete:insertOuterTitles});
						}
					break;
					
					case 'fill':
						//cc('alignThumbnails','fill');
						//cc('thumbs.length',thumbs.length);
						var correctLastThumbnail=function(i,thumbs,i1){
							//cc('correctLastThumbnail');
							for (var i2=0;i2<myRows.length;i2++){
								var myThumbs=$(myRows[i2]).children();
								if (myThumbs.length>1){
									if (($(myThumbs[myThumbs.length-1]).offset().top)!=($(myThumbs[myThumbs.length-2]).offset().top)){
										$(myThumbs[myThumbs.length-2]).css({marginRight:9});
									}
								}
							}
							if (i==(myRows.length-1)){
								insertOuterTitles();
							}
						};
						
						var extraWidth = ($(myRows[i]).width()-thumbsOuterWidth);
						var per=(thumbsInnerWidth+extraWidth)/thumbsInnerWidth;
						var thumbTargetH = $('.thumb-pic',thumbs[0]).height()*per;
						
						//	if not last row
						if (i < (myRows.length-1)) {
							if (thumbTargetH > rowMaxHeight) {rowMaxHeight = thumbTargetH;}
						}
						else {
							if (myRows.length > 1) {
								if (thumbTargetH > rowMaxHeight) {
									thumbTargetH = rowMaxHeight;
								}
								per = thumbTargetH / $('.thumb-pic',thumbs[0]).height();
							}
						}
						if (myRows.length <= 1) {
							per = 1;
							thumbTargetH = $('.thumb-pic',thumbs[0]).height();
						}
						for (var i1=0;i1<thumbs.length;i1++) {
							//cc('i1',i1);
							if (i1<(thumbs.length-1)){
								//cc('if');
								TweenLite.to($('.thumb-pic',thumbs[i1]),op.speed1,{width:$('.thumb-pic',thumbs[i1]).width()*per,height:thumbTargetH});
							}
							else{
								//cc('else');
								TweenLite.to($('.thumb-pic',thumbs[i1]),op.speed1,{width:$('.thumb-pic',thumbs[i1]).width()*per,height:thumbTargetH,onComplete:correctLastThumbnail, onCompleteParams:[i,thumbs,i1]});
							}
						}						
					break;
				}
				
			}
			//insertOuterTitles();
			//correctThumbnailContainerHeight();
			
			
			//	pager
			for (var i=0;i<=cPage;i++){
				$('.controls', gal).append('<div class="pb'+i+' pager button"></div>');
				$('.pb'+i,gal).attr('id',i);
				if (pageCount>1){
					TweenLite.to($('.pb'+i,gal),op.speed1,{opacity:1,delay:i*(op.speed1/2)});
				}
			}
			$('.pb0',gal).addClass('active');
			$('.button',gal).css({backgroundColor:op.buttonInactiveColor});
			$('.pb0',gal).css({backgroundColor:op.buttonActiveColor});
			$('.button',gal).mouseenter(function(){
				if (!$(this).hasClass('active')) {
					TweenLite.to($(this),op.speed1/2,{backgroundColor:op.buttonHoverColor});
				}
				if ($(this).parent().hasClass('slideshow-play')){
					TweenLite.to($('.button',$(this).parent()),op.speed1/2,{backgroundColor:op.buttonHoverColor});
				}
			});
			$('.button',gal).mouseleave(function(){
				if (!$(this).hasClass('active')) {
					TweenLite.to($(this),op.speed1,{backgroundColor:op.buttonInactiveColor});
				}
				if ($(this).parent().hasClass('slideshow-play')){
					TweenLite.to($('.button',$(this).parent()),op.speed1,{backgroundColor:op.buttonInactiveColor});
				}
			});
			$('.button.full-screen',gal).on('click',function(e){
				toggleFSMode();
			});
			$('.button.slideshow-play',gal).on('click',function(e){
				if (op.type!='inlineSlideshow'){
					TweenLite.to($('.button',$(this)),0,{backgroundColor:op.buttonInactiveColor});
					
					if (!fsMode){
						slideshowRunning=true;
						toggleFSMode();
					}
					else {
						toggleSlideshow();
					}
				}
				else
				{
					toggleSlideshow();
				}
			});
			
			
			$('.button.pager',gal).click(function(){
				var targetPage = currentPage;
				if (!$(this).hasClass('active')) {
					targetPage=$(this).attr('id');
					currentPage=targetPage;
					changePage();
				}
			});
			currentPage=0;
			if (pageCount==0){
				cGroup=myRows.length;
				myH = (cGroup+1)*(op.thumbHeight+parseInt($(thumbnailContainers[1]).css('margin-bottom')))+$('.controls', gal).height();
				//cc('@@@cGroup',cGroup);
				//cc('@@@myH',myH);
				TweenLite.to($('.concept-gallery',gal),op.speed1,{height:myH});
			}
			if (displayPhotoView)
				markThumbnail();
			fixView();
			correctThumbnailContainerHeight();
			if (slideshowRunning){
				slideshowRunning = false;
				toggleSlideshow();
			}
			//if (fullScreenStartScrollTop>=0)
				//TweenLite.to(window,1,{scrollTo:{y:fullScreenStartScrollTop}});
			TweenLite.to($('.thumbnail-container',gal),op.speed1*2,{opacity:1});
		}
		$('.thumbnail-container .thumb-pic',gal).click(function(event){thumbnailClick(event)});
		wcagstinks($(gal));
	}
	var insertOuterTitles = function(){
		//cc('insertOuterTitles');
		if (op.showPictureTitle){
			var myThumbs = $('.thumb-container',gal);
			for (var i=0;i<myThumbs.length;i++){
				//$('.thumb-outer-title',thumbnailContainers[i]).css({position:'relative'});
				TweenLite.to($('.thumb-outer-title',myThumbs[i]),0,{top:$('.thumb-pic',myThumbs[i]).height(),opacity:1});
				//TweenLite.to($(thumbnailContainers[i]),op.speed1,{height:$('.thumb-pic',thumbnailContainers[i]).height()+$('.thumb-outer-title',thumbnailContainers[i]).height(),onComplete:correctThumbnailContainerHeight});
				//TweenLite.to($(thumbnailContainers[i]),op.speed1,{height:$('.thumb-pic',thumbnailContainers[i]).height()+$('.thumb-outer-title',thumbnailContainers[i]).height()});
				if (i<(myThumbs.length-1)){
					TweenLite.to($(myThumbs[i]),op.speed1,{height:$('.thumb-pic',myThumbs[i]).height()+$('.thumb-outer-title',myThumbs[i]).height()});
				}
				else {
					TweenLite.to($(myThumbs[i]),op.speed1,{height:$('.thumb-pic',myThumbs[i]).height()+$('.thumb-outer-title',myThumbs[i]).height(),onComplete:correctThumbnailContainerHeight});
				}
			}
		}
		else {
			//cc('else');
			correctThumbnailContainerHeight();
		}
	}
	var changePage = function(){
		//console.log('changePage('+currentPage+')');
		getViewSize();
		$('.button',gal).removeClass('active');
		$('.pb'+currentPage,gal).addClass('active');
		TweenLite.to($('.pager.button',gal),op.speed1,{backgroundColor:op.buttonInactiveColor});
		TweenLite.to($('.active',gal),op.speed1,{backgroundColor:op.buttonActiveColor});
		TweenLite.to($('.pages-container', gal),op.speed2/2,{marginLeft:-currentPage*$('.concept-gallery',gal).width()});
		correctThumbnailContainerHeight();
	}
	
	
	var markThumbnail = function(){
		//console.info('runConceptGallery('+$('.concept-gallery',gal).attr("id")+')');
		//cc('markThumbnail(currentPicture)',currentPicture);
		
		
		$('.thumb-container',gal).removeClass('current');
		$(thumbnailContainers[currentPicture],gal).addClass('current');
		
		if (displayPhotoView==true){
			//cc('displayPhotoView',$('.concept-gallery',gal).attr("id")+'  '+displayPhotoView);
			TweenLite.to($('.thumb-current',gal),op.speed1,{autoAlpha:0});
			$('.thumb-current',thumbnailContainers[currentPicture]).css({display:'block'});
			TweenLite.to($('.current .thumb-current',gal),op.speed1,{autoAlpha:1});
			
			TweenLite.to($('.thumb-hover',thumbnailContainers[currentPicture]),op.speed1,{autoAlpha:0});
			TweenLite.to($('img',thumbnailContainers[currentPicture]),op.speed1,{scale:1});
			
			currentPage = $(thumbnailContainers[currentPicture],gal).attr('page');
		
			changePage();
		}
	};
	
	//	clicking on thumbnail
	var thumbnailClick = function(e){
		//cc('thumbnailClick');
		if((!op.allowLargeView)&&
			(op.type!='inlineSlideshow')){
			return;
		}
		if ($(e.target).attr('thumbId')){
			target=$(e.target).attr('thumbId');
			if (target!=currentPicture) {
				currentPicture = target;
			}
			if (op.type != 'inlineSlideshow') {
				if (!fsMode){
					TweenLite.to($('.thumb-container img',gal),0,{scale:1});
					TweenLite.to($('.thumb-container .thumb-hover, .thumb-container .thumb-title',gal),0,{opacity:0});
					toggleFSMode();
				}
			}
			changePhoto();
			if (slideshowRunning)
				toggleSlideshow();
		}
	}
	
	
	
	
	//	full screen
	var toggleFSMode = function(){
		//console.log('toggleFSMode()');
		//console.log('thumbnailsLoadedTotal='+thumbnailsLoadedTotal);
		//cc('lastPicture=',lastPicture);
		//cc('currentPicture=',currentPicture);
		if(!op.allowLargeView){
			return;
		}
		changingMode=true;
		
		
		
		if (!fsMode) {
			currentPageInline=currentPage;
			currentPage=currentPageFs;
			smallGallery=$('.concept-gallery',gal).clone(true);
			//$(gal).css({height:$('.concept-gallery',gal).height()+$('.gallery-title',gal).outerHeight()+$('.gallery-description',gal).height()});
			$(gal).css({height:$(gal).height()});
			//	go to full screen
			fsMode = true;
			displayPhotoView = true;
			centerThumbnails = true;
			displayText = true;
			
			$('.concept-gallery',gal).addClass('full-screen');
			$('body').addClass('full-screen');
			
			
			fullScreenStartScrollTop = $(window).scrollTop();
			if (op.desktopFullMode) {
				goFullScreen();
			}
			if (largeGalleryGenerated){
				var restoreGallery = function(){
					//cc('restore');
					$(largeGallery).css({opacity:0});
					$(gal).empty().append(largeGallery);
					$(gal).prepend(galleryTitle);
					rebuildGallery();
					TweenLite.to($('.concept-gallery',gal),op.speed1,{autoAlpha:1});
					generateLargeGallery();
					fixView();
					//cc('lastPicture',lastPicture);
					//cc('currentPicture',currentPicture);
					if (lastPicture != currentPicture)
						changePhoto();
					lastPicture = currentPicture;
					if (slideshowRunning){
						slideshowRunning = false;
						toggleSlideshow();
					}
					TweenLite.to($('.thumbnail-loader-counter',gal),op.speed1,{autoAlpha:0});
				};
				$('.concept-gallery',gal).css({height:$('.concept-gallery',gal).height()});
				TweenLite.to($('.concept-gallery',gal),op.speed1,{autoAlpha:0,onComplete:restoreGallery});
			}
			else if (!largeGalleryGenerated){
			
				generateLargeGallery();
			}
		}
		else if (fsMode) {
			//	go out of full screen
			//cc('currentPicture=',currentPicture);
			
			currentPageFs=currentPage;
			currentPage=currentPageInline;
			largeGallery=$('.concept-gallery',gal).clone(true);
			
			fsMode = false;
			
			displayPhotoView = false;
			centerThumbnails = false;
			
			$('.concept-gallery',gal).removeClass('full-screen');
			$('body').removeClass('full-screen');
			
			if (op.desktopFullMode) {
				exitFullScreen();
			}
			
			if (op.type=='inlineSlideshow'){
				displayText = false;
				displayPhotoView = true;
				photoAreawidth = startWidth;
				photoAreaHeight = op.inlineSlideshowPhotoHeight;
			}
			
			
			var restoreGallery = function(){
				//cc('restore');
				$(smallGallery).css({opacity:0});
				$(gal).empty().append(smallGallery);
				$(gal).prepend(galleryTitle);
				rebuildGallery();
				$(gal).css({height:'auto'});
				TweenLite.to($('.concept-gallery',gal),op.speed1,{autoAlpha:1});
				if (lastPicture != currentPicture)
					changePhoto();
				lastPicture = currentPicture;
			};
			TweenLite.to($('.concept-gallery',gal),op.speed1,{autoAlpha:0,onComplete:restoreGallery});
		}
	};
	
	//	picture load
	var loadPhoto = function(id){
		//console.info('loadPhoto()'+id);
		var photoObj = new Image();
		photos[id] = photoObj;
		photoObj.onload = function() {
			photoLoaded(id);
		};
		photoObj.src = imageFile+images[id].url;
		photoObj.title = images[id].title + ' - Przełącz tryb pełnoekranowy';
		photoObj.alt = images[id].alt;
		if (!images[id].alt) photoObj.alt = '';
	};
	var photoLoaded = function(id){
		//console.info('photoLoaded()'+id);
		if (id==currentPicture){
			TweenLite.to($('.photo-loader',gal),op.speed1,{autoAlpha:0});
			$('.photo-image',gal).text('').append(photos[id]);
			//console.log('photos[id].height = '+photos[id].height);
			//$('.photo-image img',gal).css({visibility:'hidden'});
			//console.log('hidden photos[id].height = '+$('.photo-image img',gal).height());
			//console.log('hidden photos[id].height = '+$('.photo-image img',gal).height);
			$('.photo-title-text',gal).text(images[id].title);
			$('.photo-description-text',gal).text(images[id].description);
			resizePhotoBox(id);
		}
	};
	var resizePhotoBox = function(id){
		//cc('resizePhotoBox()',photos[id].width);
		//console.log('resizePhotoBox()');
		//console.log('displayPhotoView='+displayPhotoView);
		
		$('div, span',gal).css({transform:'translate3d(0,0,0)'});
		if (displayPhotoView){
			//console.log('displayPhotoView');
			var boxElementsVerH = 24+20+24+20;
			if (displayText==false){
				boxElementsVerH = 0;
			}
			var descriptionH = 10;
			var boxElementsW = 2*op.photoBoxPadding;
			if((op.type=='inlineSlideshow')&&
				(!fsMode)) {
				boxElementsW = 0;
			}
			
			var maxPhotoHeight = $('.photo-container',gal).height()-boxElementsVerH;
			var maxPhotoWidth = $('.photo-container',gal).width()-boxElementsW;
			if (photos[id].height!=0){
				images[id].height = photos[id].height;
				images[id].width = photos[id].width;
			}
			
			var photoScaleFactor = maxPhotoHeight/images[id].height;
			//console.log('_h='+photos[id].height);
			//cc('maxPhotoHeight'+maxPhotoHeight);
			
			var photoTargetWidth = images[id].width*photoScaleFactor;
			var photoTargetHeight = maxPhotoHeight;
			
			//	check if picture should have max height or max width to fit in area
			if ((photoTargetWidth+boxElementsW)>maxPhotoWidth){
				photoTargetWidth = maxPhotoWidth-boxElementsW;
				photoTargetHeight = photoTargetWidth/images[id].width * images[id].height;
			}
			
			var pbTargetWidth = photoTargetWidth+boxElementsW;
			var pbTargetHeight = photoTargetHeight+boxElementsVerH;
			
			var photoBoxMarginTop = -pbTargetHeight/2;
			var photoBoxMarginLeft = -parseInt(pbTargetWidth/2);

			var photoBoxTop = '50%';
			var photoBoxLeft = '50%';
			var imageMarginTop = 44;
			var imageMarginLeft = boxElementsW/2;
			if (images[id].description != '') {
				descriptionH = $('.photo-description',gal).height()+20;
			}
			
			if (displayText) {
				$('.photo-title, .photo-description',gal).css({display:'block'});
				$('.photo-box', gal).css({border:'none',borderRadius:10,background:'#ffffff',left:photoBoxLeft,top:photoBoxTop,marginLeft:photoBoxMarginLeft,marginTop:photoBoxMarginTop});
			}
			if (!displayText){
				descriptionH=0;
				boxElementsVerH=0;
				boxElementsW=0;
				imageMarginTop = 0;
				imageMarginLeft = 0;
				if (op.type!='inlineSlideshow') {
					photoBoxMarginLeft = 0;
					photoBoxLeft = 0;
				}
				photoBoxMarginTop = (maxPhotoHeight - pbTargetHeight) /2;
				photoBoxTop = 0;
				$('.photo-title, .photo-description',gal).css({display:'none'});
				$('.photo-box', gal).css({border:'none',borderRadius:0,background:'none',left:photoBoxLeft,top:photoBoxTop,marginLeft:photoBoxMarginLeft,marginTop:photoBoxMarginTop});
			}
			
			TweenLite.to($('.photo-title, .photo-description',gal),op.speed1,{autoAlpha:1});
			TweenLite.to($('.photo-box', gal),op.speed1,{autoAlpha:1,width:pbTargetWidth,height:pbTargetHeight,marginTop:photoBoxMarginTop,marginLeft:photoBoxMarginLeft});
			//	UGLY FIX inline photo margin issue
			if (!fsMode) {
				$('.photo-box',gal).css({paddingLeft:boxElementsW/2});
			}
			else {
				$('.photo-box',gal).css({paddingLeft:0});
			}
			function focusOnImage(){
				if (slideshowRunning){
					cc('slideshowRunning',slideshowRunning);
					$(window).blur();
					setTimeout(function(){
						$('.photo-box .photo-image',gal).focus();
					},10);
				}
			}
			TweenLite.to($('.photo-image',gal),op.speed1,{width:photoTargetWidth,height:photoTargetHeight,marginTop:imageMarginTop,marginLeft:imageMarginLeft,autoAlpha:1});
		}
	};
	
	var changePhoto = function(){
		//cc('changePhoto');
		getViewSize();
		TweenLite.to($('.photo-box', gal),op.speed1,{autoAlpha:1});
		TweenLite.to($('.photo-title, .photo-description, .photo-image',gal),op.speed1,{autoAlpha:0,onComplete:loadPhoto,onCompleteParams:[currentPicture]});
		TweenLite.to($('.photo-loader',gal),op.speed1,{autoAlpha:1});
		markThumbnail();
	};
	
	//	browser full screen
	var goFullScreen = function(){
		//cc('goFullScreen');
		var docElement, request;
		docElement = document.documentElement;
		request = docElement.requestFullScreen || docElement.webkitRequestFullScreen || docElement.mozRequestFullScreen || docElement.msRequestFullScreen;
		if(typeof request!="undefined" && request){
			request.call(docElement);
		}
		$('body,html').css({overflow:'hidden'});
	};
	var exitFullScreen = function(){
		//cc('exitFullScreen');
		var docElement, request;

		docElement = document;
		request = docElement.cancelFullScreen|| docElement.webkitCancelFullScreen || docElement.mozCancelFullScreen || docElement.msCancelFullScreen || docElement.exitFullscreen;
		if(typeof request!="undefined" && request){
			request.call(docElement);
		}
		$('body,html').css({overflow:'auto'});
	};
	var fixView = function(){
		//cc('fixView');
		getViewSize();
		photoAreawidth = x-40;
		//photoAreaHeight = y-$('.controls', gal).height()-op.thumbHeight-40-30;
		photoAreaHeight = y-24-op.thumbHeight-40-30;
		if((op.type=='inlineSlideshow')&&
			(!fsMode)) {
			photoAreaHeight = op.inlineSlideshowPhotoHeight;
			photoAreawidth = $('.concept-gallery',gal).width();
		}
		if ($('.concept-gallery',gal).hasClass('no-thumbnails')){
			photoAreaHeight = y-24-40;
		}
		TweenLite.to($('.photo-container',gal),0,{width:photoAreawidth,height:photoAreaHeight});
		resizePhotoBox(currentPicture);
	};
	
	var rebuildGallery = function(){
		//cc('rebuildGallery');
		thumbnailContainers = new Array();
		var thumbs = $('.thumb-container',gal);
		for (var i=0;i<thumbs.length;i++){
			thumbnailContainers[i+1]=$(thumbs[i]);
		}
	}
	
	var toggleSlideshow = function(){
		if (slideshowRunning){
			//cc('stop');
			clearInterval(slideshowTimer);
			TweenLite.to($('.slideshow-play .play',gal),op.speed1,{opacity:1});
			TweenLite.to($('.slideshow-play .stop',gal),op.speed1,{opacity:0});
			slideshowRunning=false;
		}
		else {
			//cc('start');
			clearInterval(slideshowTimer);
			slideshowTimer = setInterval(function () {myTimer()}, op.slideshowTime);
			TweenLite.to($('.slideshow-play .play',gal),op.speed1,{opacity:0});
			TweenLite.to($('.slideshow-play .stop',gal),op.speed1,{opacity:1});
			slideshowRunning=true;
		}
	}
	
	var myTimer=function(){
		currentPicture ++;
		if (currentPicture==images.length)
			currentPicture = 1;
		changePhoto();
	}
	
	var initGallery = function(){
		//cc('initGallery');
		if (op.type == 'inlineSlideshow') {
			displayPhotoView=true;
			displayText=false;
			photoBoxImageOnly=false;
			$('.photo-container',gal).css({
				height:op.inlineSlideshowPhotoHeight,
				display:'block',
				visibility:'visible',
				opacity:1
			});
			$('.photo-container-bgd',gal).css({width:$('.photo-container',gal).width(),height:$('.photo-container',gal).height(),opacity:0,marginLeft:0,marginTop:0});
			$('.thumbnail-container', gal).css({bottom:0,position:'absolute'});

			$('.but-prev',gal).css({left:-16});
			if (op.type=="inlineSlideshow"){
				$('.but-prev',gal).css({left:32});
			}
			$('.but-next',gal).css({right:32});
			$('.photo-image',gal).css({cursor:'pointer'});
		}
		changePhoto();
		buildThumbnails(op.type,op.rowLimit);
		createControls();
	};
	
	
	var updateSize = function() {
		//cc('updateSize');
		if (fsMode) {
			largeGalleryGenerated = false;
			generateLargeGallery();
			fixView();
		}
		
	};
	
	var generateLargeGallery = function() {
		$('.concept-gallery',gal).removeClass('no-thumbnails');
		$('.concept-gallery',gal).css({
			position:'fixed',
			width:'100%',
			height:'100%',
			top:0,
			left:0,
			bottom:0,
			margin:0
		});
		$('.thumbnail-container', gal).css({margin:20,top:'auto',bottom:24,position:'absolute'});
		$('.controls', gal).css({margin:20,marginTop:-20}).empty();
		
		//getViewportSize();
		getViewSize();
		photoAreawidth = x-40;
		photoAreaHeight = y-24-op.thumbHeight-40-30;
		if (photoAreaHeight/op.thumbHeight<2){
			$('.concept-gallery',gal).addClass('no-thumbnails');
			photoAreaHeight = y-24-40-30;
			$('.thumbnail-container', gal).css({visibility:'hidden'});
		}
		else {
			$('.thumbnail-container', gal).css({visibility:'visible'});
		}
		
		$('.controls', gal).children().remove();
		TweenLite.to($('.page-background',gal),op.speed1,{autoAlpha:op.backgroundOpacity});
		buildThumbnails(op.type,1);
		createControls();
		$('.but-next',gal).css({right:-10});
		if (op.type=="inlineSlideshow"){
			$('.photo-box', gal).css({top:'50%',left:'50%'});
			photoBoxImageOnly = false;
			displayText = true;
			$('.but-prev',gal).css({left:0});
			$('.but-next',gal).css({right:0});
		}
		$('.photo-container',gal).css({
			display:'block',
			marginLeft:0,
			marginTop:0,
			padding:20,
			width:'100%',
			height:'50%',
			top:0,
			right:0,
			bottom:0,
			left:0,
			opacity:0});
		$('.photo-container-bgd',gal).css({top:0,right:0,bottom:0,left:0});
		TweenLite.to($('.photo-container',gal),op.speed1,{autoAlpha:1,delay:op.speed1});
		TweenLite.to($('.but-close-container',gal),op.speed1,{autoAlpha:1});
		$('.photo-image',gal).css({cursor:'default'});
		if (lastPicture != currentPicture){
			changePhoto();
		}
		//lastPicture = currentPicture;
		largeGalleryGenerated=true;
	};
	
	$(window).resize(function(){updateSize()});
	
	initGallery();
}