/**
 * @author FOKA
 */

$.fn.ImageSlider = function(options) {  
	return this.each(function() {  
    	var obj = $(this);
			
		var main = $('<div></div>').css({
			'float':'left',
			'height': '50px',
			'overflow':'hidden',
			'position' : 'relative'
		});
		var html = $(this).html();
			
		var slide = $('<div>'+html+'</div>').css({
			'position' : 'absolute',
			'left' : '0px'
		});
		var isRunLeft = false;
		var runLeft = function() {
			var left = parseInt(slide.css('left').replace('px',''));
			
			if (-left >= slide.width() - main.width()) {
				isRunLeft = false;
				return;
			}
			
			slide.css('left',(left-2)+'px');
			
			if (isRunLeft) {
				setTimeout(function(){
					runLeft();
				}, 20);
			}
		}
		var isRunRight = false;
		var runRight = function() {
			var left = parseInt(slide.css('left').replace('px',''));
			
			if (left >= 0) {
				isRunRight = false;
				return;
			}
			
			slide.css('left',(left+2)+'px');
			
			if (isRunRight) {
				setTimeout(function(){
					runRight();
				}, 20);
			}
		}
		
		var arrL = $('<div><img src="img/arr_l.gif"/></div>').css({
			'float':'left',
			'padding' : '15px 10px 0px 0px'		
		}).mouseover(function(){
			isRunLeft = true;
			runLeft();
		}).mouseout(function(){
			isRunLeft = false;
		});
		var arrR = $('<div><img src="img/arr_r.gif"/></div>').css({
			'float':'left',
			'padding' : '15px 0px 0px 10px'		
		}).mouseover(function(){
			isRunRight = true;
			runRight();
		}).mouseout(function(){
			isRunRight = false;
		});;
		
		var imgCount = $(this).find('img').length;
		var loaded = 0;
		
		var width = $(this).width();
		
		$(this).find('img').load(function(){
			loaded++;
			if (loaded == imgCount) {
				
				main.append(slide);
				var W = 50;
				obj.children().each(function(){
					W += $(this).outerWidth();
				});
				
				slide.width(W);
					
				obj.html('');
				obj.append(arrL);
				obj.append(main);
				obj.append(arrR);
				main.width(width-arrL.width()-arrR.width()-20);
				
			}
		}); 
	});  
};  

function createSlideshow() {
	$('body').prepend('<div id="slider-back"></div><div id="slider-out"><div id="slider-jq"></div></div>');
	$('#slider-back').hide();
	$('#slider-out').hide();
	$('#slider-back').height($('body').height()+ 40);
	
	if ($('body').height() < $(window).height()) {
		$('#slider-back').height($(window).height());
	}
	
	var photoCount = $('a:.galeria').size();
	
	var elements = new Array();
	
	var scrollTop = $(window).scrollTop();

	$('a:.galeria')
	.each(function(index){
		this.index = index;
		elements.push($(this));
	})
	.click(function() {	
		var img = new Image();
		
		var scrollTop = $(window).scrollTop();
		
		$('#slider-out').css('top', scrollTop+10);
		
		$('#slider-back').show();
		$('#slider-out').show();
		$('#slider-jq').html('');
		var title = this.title;
		var index = this.index;
		
		$(img)
			.hide()
			.load(function () {
				var leftArr = null;
	
				if (index > 0) {
					var leftArr = $('<a><img src="img/prevlabel.gif"/></a>');
					$(leftArr).attr("class","arr_left");	
					$(leftArr).css({
						'cursor':'pointer',
						'position' : 'absolute',
						'left' : '-60px',
						'top' : '220px'
					});
					$(leftArr).click(function(){
						elements[index-1].click();
					});
				}
				var rightArr = null;
				if (index < photoCount-1) {
					var rightArr = $('<a><img src="img/nextlabel.gif"/></a>');
					$(rightArr).attr("class","arr_right");
					$(rightArr).css({
						'cursor':'pointer',
						'position' : 'absolute',
						'top' : '220px',
						'right' : '-60px'
					});
					$(rightArr).click(function(){
						elements[index+1].click();
					});
				}
				
				$('#slider-jq').append(this);
				
				$('#slider-jq').append($(leftArr));
				$('#slider-jq').append($(rightArr));
				var desc = $("<span class=\"slider-desc\"></span>");
				
				//$(desc).append($(leftArr));
				//$(desc).append($(rightArr));
				
				$('#slider-jq').animate({
				    height: $(this).height()+25,
				    width: $(this).width()
				  }, 500, function() {
					  $(img).fadeIn("slow");
					  $(desc).append(title);
					  $('#slider-jq').append($(desc));
				  });
				
			})
			.attr('src', this.href)
			.click(function(){
				$('#slider-back').hide();
				$('#slider-out').hide();
			});
			return false;
	});
}

$(document).ready(function() {
	createSlideshow();
	$('.btn-print').click(function(){
		$('#toPrint').printElement({ 
			printMode: 'popup',
			leaveOpen: true,
			printBodyOptions:
            {
            	styleToAdd:'padding:0px;margin:0px;background-color:#FFFFFF !important;',
				classNameToAdd : 'printClass'
            }
		});
		return false;
	});
	
	$('.btn-send').click(function(){
		if ($('#sendForm').is(':visible')) {
			$('#sendForm').hide('slow');
			$(this).html('send this site');
		} else {
			$('#sendForm').show('slow');
			$(this).html('hide form');
		}
		return false;
	});
		
	$('.action').click(function(){
		$(this).closest('form').submit();
		return false;
	});
	
	if ($.cookie('fontSize') > 0) {
		var num = parseInt($.cookie('fontSize'))+1;
		$('.bx2').addClass('sizefont' + num);
	}
});


function createSendForm() {
	
	
}