var lastFolioItemIndex = 1;
var captcha = '';

$(document).ready(function() {
	$.get('assets/php/captcha.php', function(data) {
		captcha = data;
	});
	
	setIDsToPortfolioItems();
	
  $('.slideshow').each(function(index) {
		$(this).cycle({
			fx:				'scrollUp',
			speed:		'slow',
			easing:		'easeInOutExpo',
			timeout:	6000,
			pager:		'#header div.content div#adver div.nav',
			pagerAnchorBuilder: function(i) {
				if (index == 0) {
					return '<a href="#"></a>';
				}
				return '#header div.content div#adver div.nav a:eq('+i+')';
			}
		});
	});
	
	$('#works div.content div.nav div.container ul#filter li a').click(function() {
		$('.divider').empty();
		$('.divider').remove();
		
		$('ul#filter .current').removeClass('current');
		$(this).parent().addClass('current');
		
		var filterVal = $(this).text().toLowerCase().replace(' ','-');
		var fadeTime = 0;
		
		if (filterVal == 'all') {
			$('#works div.content div#portfolio ul.items li.hidden').fadeIn(fadeTime).removeClass('hidden');
		} else {
			$('#works div.content div#portfolio ul.items li').each(function() {
				if (!$(this).hasClass(filterVal)) {
					$(this).fadeOut(fadeTime).addClass('hidden');
				} else {
					$(this).fadeIn(fadeTime).removeClass('hidden');
				}
			});
		}
		setIDsToPortfolioItems();
		
		return false;
	});
	
	$('#works div.content div#portfolio ul.items li').hover(function() {
		$(this).stop().animate({backgroundColor:'#F72323'}, 500);
		$(this).find('div.description p.toptext').stop().animate({color:'#fff'}, 500);
		$(this).find('div.description p.bottomtext').stop().animate({color:'#fff'}, 500);
		$(this).find('div.thumb div.greytransparent').stop().animate({opacity:0.8}, 500);
		$(this).find('div.thumb div.labels').stop().animate({opacity:1}, 500);
		$(this).find('div.thumb div.description').stop().animate({opacity:1}, 500);
	}, function() {
		if ($(this).attr('itemSelected') == 'false') {
			$(this).stop().animate({backgroundColor:'#fff'}, 500);
			$(this).find('div.description p.toptext').stop().animate({color:'#2a2e2d'}, 500);
			$(this).find('div.description p.bottomtext').stop().animate({color:'#999999'}, 500);
		}
		$(this).find('div.thumb div.greytransparent').stop().animate({opacity:0}, 500);
		$(this).find('div.thumb div.labels').stop().animate({opacity:0}, 500);
		$(this).find('div.thumb div.description').stop().animate({opacity:0}, 500);
	});
	
	$("#works div.content div#portfolio ul.items li a.folioitem").click(function(event) {
		try {		
			var index = Math.ceil($(this).parent().attr('id')/4) * 4;
			
			clearSelectedItemsState();		
			$(this).parent().attr('itemSelected', true);
			
			$('.divider').empty();
			$('.divider').remove();
			
			if (lastFolioItemIndex < index) {
				index -= (Math.abs(index - lastFolioItemIndex));
			}
			$('#works div.content div#portfolio ul.items li#' + index).after('<div class="divider"></div>');
			$('.divider').html('<img id="loader" src="assets/img/loader.gif" />');
			$('.divider').load(this.href + '/index.html');
			$('body').scrollTo(event.target.parentNode, 1000, {axis:'y', offset:150, easing:'easeInOutCubic'});
		} catch(e) {
		}
		
		return false;
	});
	
	$.localScroll({target:'body', duration:1000, easing:'easeInOutCubic'});
	
	$('#submit').click(function() {
		var success = true;
		var frameHeight = 50;
		var message = '';
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		
		try {
			$('#tooltip').empty();
			$('#tooltip').remove();
		} catch(e) {
		}
		
		$('#formname').css('border', '1px solid #DFDFDF');
		$('#formmail').css('border', '1px solid #DFDFDF');
		$('#verification').css('border', '1px solid #DFDFDF');
		
		if ($('#formname').val() == '') {
			success = false;
			$('#formname').css('border', 'solid 2px #f72323');
			message += ' Name field is empty!';
		}
		if ($('#formmail').val() == '') {
			success = false;
			$('#formmail').css('border', 'solid 2px #f72323');
			message += ' Mail field is empty!';
		} 
		if (!reg.test($('#formmail').val())) {
			success = false;
			$('#formmail').css('border', 'solid 2px #f72323');
			message += ' Invalid E-mail adress!';
		}
		if ($('#verification').val() == '') {
			success = false;
			$('#verification').css('border', 'solid 2px #f72323');
			message += ' Verification field is empty!';
		} else if ($('#verification').val() != captcha) {
			success = false;
			$('#verification').css('border', 'solid 2px #f72323');
			message += ' Incorrect verification symbols!';
		}
		
		if (success) {
			var dataString = 'name=' + $('#formname').val() + '&mail=' + $('#formmail').val() + '&message=' + $('#formmessage').val();
			$.ajax({
				type: 'POST',
				url: 	'assets/php/mail.php',
				data: dataString
			});
			$('#form').before('<div id="tooltip">Your message has been sent!</div>');
			$('#tooltip').css('border', 'solid 5px #009900');
			$('#tooltip').css('color', '#009900');
			$('#tooltip').animate({height:frameHeight}, 'slow');
			$('#formname').val('');
			$('#formmail').val('');
			$('#formmessage').val('');
			$('#verification').val('');
		} else {
			$('#form').before('<div id="tooltip">' + message + '</div>');
			$('#tooltip').css('border', 'solid 5px #f72323');
			$('#tooltip').css('color', '#f72323');
			$('#tooltip').animate({height:frameHeight}, 'slow');
		}
	});
	
	$('#documents li').click(function(event){
		alert(event.target.id);
	});
});

function setIDsToPortfolioItems() {
	var target = '#works div.content div#portfolio ul.items li';
	lastFolioItemIndex = 1;
	
	$(target).each(function(index, element) {
		element.id = 0;
		if(!$(element).hasClass('hidden')) {
			element.id = lastFolioItemIndex++;
		}
  });
	lastFolioItemIndex--;
	
	clearSelectedItemsState();
}

function clearSelectedItemsState() {
	$("#works div.content div#portfolio ul.items li").each(function(index, element) {
		if ($(this).attr('itemSelected') == 'true') {
			$(this).stop().animate({backgroundColor:'#fff'}, 500);
			$(this).find('div.description p.toptext').stop().animate({color:'#2a2e2d'}, 500);
			$(this).find('div.description p.bottomtext').stop().animate({color:'#999999'}, 500);
			$(this).find('div.thumb div.greytransparent').stop().animate({opacity:0}, 500);
			$(this).find('div.thumb div.labels').stop().animate({opacity:0}, 500);
			$(this).find('div.thumb div.description').stop().animate({opacity:0}, 500);
		}
		$(this).attr('itemSelected', false);
	});
}