// Config (in milisec)
	var sliderSpeed = 1000;
	var sliderTimeout = 8000000;
	
	function addthiseffect() { 
		$('#transparent-layer').css('display', 'block')
		$('.btn-full').css('display', 'block');
	} 
	
	$('object').ready(function() {
		addthiseffect()
	})
	
	var canMinimize = true;
	
	$(document).ready(function() {
	
		var lastIndex = new Array();
		var currPage = 1;
		var listElements = new Array();	
		
		$('.navi.next, .navi.prev, .btn-full').fadeOut(100);
		
		$('.section.slideshow').hover(
			function() {
				$('.navi.next, .navi.prev, .btn-full').fadeIn(300);
			},
			function() {
				$('.navi.next, .navi.prev, .btn-full').fadeOut(300);
			}
		);
		
		$('.journal ul li a').each(function (i) {
			  jQuery(this).attr('target', '_blank'); 
		});
		
		$('.journal ul li').append('<div class="loader loading"></div>')
		
		$('.journal ul li img').each(function() {
			var src = $(this).attr('src')
			var index = $(this).parent().index()
			var indexImg = $(this).index()
			
			var img = new Image();
			$(img).load(function () {
				$('.journal ul li:eq('+index+') .loader').remove()
				$('journal ul li img:eq('+indexImg+')').replaceWith(img)
			}).error(function () {
			}).attr('src', src);
		})		
		
		if($('.journal')[0]) {
		var urlQuery = location.href.split("#")
		var urlImage = false;
		var urlPage = false;
		
		$('.journal').waitForImages(function() {
			var lastHeight = new Array();
			var currOffset = false;
			var row = 0;		
			
			var indexPage = new Array();
			var imageInPage = new Array();
				
			
			$('.section.journal ul li').each(function(i) {
				
				var position = $(this).position()
				if(!currOffset) {
					currOffset = position.top;
					row = 1;
				}
				else {
					if(position.top!==currOffset) {
						row++;
						currOffset = position.top;
					}
				}
				
				var rest = row % 5;	
				
				if(rest == 0) {
					
					if(!lastHeight[row] || lastHeight[row]<$(this).height()) {
						lastHeight[row] = $(this).height();
						lastIndex[row] = $(this).parent().index();
					}
				}	
				
				if(!indexPage[Math.ceil(row/5)]) indexPage[Math.ceil(row/5)] = 1
				else indexPage[Math.ceil(row/5)]++
				
				imageInPage[$(this).index()] = (indexPage[Math.ceil(row/5)]-1);
				var title = $(this).find('.black-box p').text()
				if(title) title = title.toLowerCase().split(' ').join('_')

				if(urlQuery[1]==title) {
					urlImage = imageInPage[$(this).index()]
					urlPage = Math.ceil(row/5)
				}
				
				if(!listElements[Math.ceil(row/5)]) listElements[Math.ceil(row/5)] = new Array(); //$(this).html()
				listElements[Math.ceil(row/5)].push($(this).html())
			
			})

			var pageNum = Math.ceil(row/5);
			
			function displayPage(num) {
			//	$('.section.journal ul').empty();
			//
			//	currPage = num;
			//	
			//	var values =  listElements[num];
			//	var n = values.length;
			//	var i = 0;
				
			//	for(i=0;i<n;i++) {
			//		$('.section.journal ul').append('<li>'+values[i]+'</li>')
			//	}
				
				zoomImage()
				hoverImage()
			}
			
			var hoverEnabled = true;
			
			function zoomImageEffect(index) {
				$('.section.journal ul li.active').css('height', 'auto')
				$('.section.journal ul li').removeClass('active')
				$('.hidden-text, .other-images').hide()
				
				hoverEnabled = false;
				
				$('.section.journal ul li:eq('+index+')').addClass('active')
				$('.thumbert').show();
				$('.section.journal ul li:eq('+index+') .thumbert').hide();
				$('.section.journal ul li:eq('+index+') .hidden-text, .section.journal ul li:eq('+index+') .other-images').show()
				
				var height = $('.section.journal ul li:eq('+index+')').height()
				$('.section.journal ul li:eq('+index+')').css({'height': 0, 'overflow': 'hidden'})
				$('.section.journal ul li:eq('+index+')').animate({'height': height}, 800, function() {
					hoverEnabled = true;
				})	
				
				var position = $('.section.journal ul li:eq('+index+')').position();
	
				$('body').animate({scrollTop: position.top}, 500);		
				$('html').animate({scrollTop: position.top}, 800);					
			}
			
			function zoomImage() {
				$('.section.journal ul li').click(function() {
					$('.hover-box').hide()
					var title = $(this).find('.black-box p').text()
					if(title) title = title.toLowerCase().split(' ').join('_')
					parent.location.hash = title;
					zoomImageEffect($(this).index())	
				})
			}
			
			var currentHover = false;
			
			$('div.other-images img').each(function() {
				$(this).addClass('no-hover')
			})
			
			var hoveredBox = false;
			
			function hoverImage() {
				$('.section.journal ul li img').hover(function() {
					if($(this).parent().hasClass('active')) return false;
					if($(this).hasClass('no-hover')) return false;
					if(!hoverEnabled) return false;
					currentHover = $(this).parent().index();
					var position = $(this).position()
					var topmargin = ($(this).height() - $('.hover-box').height())/2
					var leftmargin = ($(this).width() - $('.hover-box').width())/2
					
					$(this).parent().children('div.hover-box').css({'top': position.top+topmargin, 'left': position.left+leftmargin})
					$(this).parent().children('div.hover-box').show()
					hoveredBox = $(this).parent().children('div.hover-box');
					
					hoveredBox.hover(function() {
						$(this).show();
					}, function() {
						$(this).hide();
					})					
				}, function() {
					$('.hover-box').hide()
				})
			}
			
			hoverImage()
			
			for(i=1;i<pageNum;i++) {
			//	$('.mid-info ul li.next').before('<li><a href="#">'+(i+1)+'</a></li>')
			}
			
			$('.mid-info ul li:not(.prev, .next)').click(function() {
				//$('.mid-info ul li').removeClass('active')
				//$(this).addClass('active')
				//displayPage($(this).index())
				//$(window).delay(500).scrollTop($(document).height())
			})	
			
			$('.mid-info ul li.next').click(function() {
				currPage ++
				if(currPage>pageNum) { currPage=pageNum; return false }
				$('.mid-info ul li').removeClass('active')
				$('.mid-info ul li:not(.prev, .next):eq('+(currPage-1)+')').addClass('active')
				displayPage(currPage)	
				$(window).delay(500).scrollTop($(document).height())
			})
			
			$('.mid-info ul li.prev').click(function() {
				currPage --
				if(currPage<1) { currPage=1; return false }
				$('.mid-info ul li').removeClass('active')
				$('.mid-info ul li:not(.prev, .next):eq('+(currPage-1)+')').addClass('active')
				displayPage(currPage)	
			})
			
			$('.mid-info ul').show()	
			
			if(urlImage !== false && urlPage !== false) {
				displayPage(urlPage)
				$('.mid-info ul li').removeClass('active')
				$('.mid-info ul li:not(.prev, .next):eq('+(urlPage-1)+')').addClass('active')
				zoomImageEffect(urlImage)
			} else displayPage(1)
		})
		}
	
		$('.btn-full').css('display', 'block');
		var fullscreen = false;
	
		$('.btn-full').click(function() {
			maximize($(this))
		})
		
		function maximize(target) {
			$('.media, .slideshow').css({'width': '100%', 'height':$(window).height(), 'marginTop': 0})
			$('.slideshow ul li').css({'width': $(window).width()+8, 'height':$(window).height()})
			$('.slideshow ul').css({'marginLeft': -$(window).width(), 'width': $('.slideshow div ul li').size()*$(window).width()+1000})
			$('#transparent-layer').css({'width': '100%', 'height':'100%'})
			target.removeClass('btn-full');
			target.addClass('minimize').click(function() {
				minimize(target)
			})
			$('.section.text').hide();
			fullscreen = true;
			checkFullImage()		
		}
		
		function minimize(target) {
			if(canMinimize) {
				$('.media, .slideshow').css({'width': '960px', 'height':'540px', 'marginTop':'30px'})
				$('.slideshow ul li, .slideshow').css({'width': '960px', 'height':'540px'})
				$('.section.text').show();
				fullscreen = false;
				generateSlide();
				$('.minimize').addClass('btn-full').click(function() {
					maximize(target)
				});
				$('.minimize').removeClass('minimize');
			}		
		}
	
		var img = ''
		
		$('.press ul li').not('.li-8').hover(function() {
			img = $(this).find('img');
			img.show()
			
			var offset = $(this).position();
			$('.click').css({'left': offset.left-80, 'top': offset.top}).show()
			
		}, function() {
			img.hide()
			$('.click').hide()
		})
		
		var sliderLi = new Array()
		
		$('.slideshow div ul').css('width', $('.slideshow div ul li').size()*$('.section').width())
		
		$('.slideshow div ul li').each(function(i) {
			sliderLi[i] = $(this).html()
		})
		
		var lastSlide = parseInt(sliderLi.length)-1
		var slideCurrent = 0;
		var slideNext = 1;
		var slidePrev = lastSlide;
		
		function generateSlide() {	
			$('.slideshow div ul').empty()
			$('.slideshow div ul').html(
				'<li>'+sliderLi[slidePrev]+'</li>'+
				'<li>'+sliderLi[slideCurrent]+'</li>'+
				'<li>'+sliderLi[slideNext]+'</li>'
			)
			
			var alt = $('.slideshow div ul li:eq(1) img').attr('title')
			var rel = $('.slideshow div ul li:eq(1) img').attr('rel')
			var rev = $('.slideshow div ul li:eq(1) img').attr('rev')
			
			$(".mid-info h2 span").text(alt).fadeIn();
			$(".mid-info h2 strong").text(rev).fadeIn();
            $(".mid-info p").text(rel).fadeIn();
			
			if(fullscreen) {
				$('.slideshow ul li').css({'width': $(window).width(), 'height':$(window).height()})
				checkFullImage()
				var margin = -$(window).width() 
			}
			else var margin = -$('.section').width()
			
			$('.slideshow div ul').css('marginLeft', margin)
		}
		
		$(window).resize(function() {	
			if(fullscreen) {
				$('.slideshow ul li, .slideshow div, .slideshow').css({'width': $(window).width(), 'height':$(window).height()})
				checkFullImage()
				$('.slideshow div ul').css('marginLeft', -$(window).width())
			}
		})
		
		function checkFullImage() {
			if($('.slideshow ul li img').width()<$(window).width()) $('.slideshow ul li img').css({'width': '100%', 'height': 'auto'})
			if($('.slideshow ul li img').height()<$(window).height()) $('.slideshow ul li img').css({'height': '100%', 'width': 'auto'})					
		}
		
		function nextSlide() {
			if(fullscreen) var margin = -2*$(window).width(); else var margin = -2*$('.section').width()
			canMinimize = false;
			$('.mid-info h2 span').fadeOut()
			$('.mid-info h2 strong').fadeOut()
			$('.mid-info p').fadeOut()
			
			
			$('.slideshow div ul').stop(true, false).animate({'marginLeft': margin}, sliderSpeed, function() {
				slideCurrent++; if(slideCurrent>lastSlide) slideCurrent = 0
				slideNext = slideCurrent + 1; if(slideNext>lastSlide) slideNext = 0
				slidePrev = slideCurrent - 1; if(slidePrev<0) slidePrev = lastSlide; 				
				generateSlide()
				canMinimize = true;
			})
		}
		
		function prevSlide() {	
			canMinimize = false;
			$('.mid-info h2 span').fadeOut()
			$('.mid-info h2 strong').fadeOut()
			$('.mid-info p').fadeOut()			
			
			$('.slideshow div ul').stop(true, false).animate({'marginLeft': '0px'}, sliderSpeed, function() {
				slideCurrent--; if(slideCurrent<0) slideCurrent = lastSlide; 
				slideNext = slideCurrent + 1; if(slideNext>lastSlide) slideNext = 0
				slidePrev = slideCurrent - 1; if(slidePrev<0) slidePrev = lastSlide; 				
				generateSlide()
				canMinimize = true;
			})
		}
		
		var slideInterval = ''
		
		function addInterval() {
			slideInterval = self.setInterval(function() {
				nextSlide()
			}, sliderTimeout)		
		}
		
		if($('.slideshow')[0]) addInterval()

		$('button.prev').click(function() {
			clearInterval(slideInterval)
			prevSlide();
			addInterval()
		})
		
		$('button.next').click(function() {
			clearInterval(slideInterval)
			nextSlide();
			addInterval()
		})
		
		generateSlide()
				
	})