$(document).ready(function(){
	$('.background, .main-bg, .footer').hide();
	pageAnimating = function(){
		$('body').css({'overflow':'hidden'});
		$('.background').css({'position':'relative', 'top':'-1000px', 'width':'100%'}).show();
		$('.main-bg').fadeIn({duration:1000, complete: function(){
			$('.background').animate({'top':'0'}, {'duration': 1500, 'easing': 'easeInOutBack', 'complete': function(){
								$(this).add($('body')).removeAttr('style');
								$('.footer').fadeIn({duration:500});
							}})
		}});
		
		$container = $('.icons');
	    $container.masonry({
	      itemSelector: '.icon',
	      isAnimated: !Modernizr.csstransitions,
	      isFitWidth: true
	    });	

		var $iconLink, $icon;
	    iconHover = function(el){
	    	href = $iconLink.attr('rel');
	    	
/* 	    	if (!href) return true; */
	    	$icon = $iconLink.parents('.icon');
	    	console.log(href);
	    	if ($icon.hasClass('active')){
	    		$icon.removeClass('active');
	    		$('.popup').hide();
		    	return false;
	    	}
	    	console.log(href);
	    	$icon.addClass('active').siblings().removeClass('active');
	    	
	    	$.ajax({
				url: href,
				beforeSend: function(){
					if ($icon.offset().left + $icon.outerWidth() + 350 <= $(window).width()){
						popupLeftPos = $icon.offset().left + $icon.outerWidth() - 50;
						$('.popup').removeClass('popup-right').addClass('popup-left');
					} else if ($icon.offset().left > 350) {
						popupLeftPos = $icon.offset().left + $icon.outerWidth() - 80 - 350;
						$('.popup').removeClass('popup-left').addClass('popup-right');
					}				
					$('.popup').css({'visibility':'visible'}).show();
					popupTopPos =$icon.offset().top - $('.popup').offset().top + 45;
					$('.popup .popup-arrow').css({'top':popupTopPos});
					$('.popup').removeAttr('style').hide().css({'left':popupLeftPos}).fadeIn(1000);

					$('.popup .popup-content').hide();
				},
				success	: function(data){
					$('.popup .popup-content').html(data);
					$('.popup .popup-content').fadeIn();
				}
			})
			return false;
	    }
		
		hidePopup = function(){
	        $('.popup').hide();
	        $('.icons .icon').removeClass('active');
		}
	    
	    var iconHoverTimer;
	    $('.icon a').hover(function(){	
	    	if ($(this).attr('href') !='' && $(this).attr('href')!='#')
	    		return false;
	    	clearTimeout(iconHoverTimer);
	    	$iconLink = $(this);
	    	if (!$(this).parent().hasClass('active'))
		    	iconHoverTimer = setTimeout(iconHover,300);
	    }, function(){
	    	clearTimeout(iconHoverTimer);
	    	iconHoverTimer = setTimeout(hidePopup, 200);
	   	})
	   	
	   	$('.popup').hover(function(){
	   		clearTimeout(iconHoverTimer);
	    }, function(){
	        iconHoverTimer = setTimeout(hidePopup, 200);
	   	})

	}
	
	$('body').imagesLoaded( 
		function(){
			setTimeout(pageAnimating, 0);
		}
	);
	
	
	/* contacts */
	
	$('#contacts-window').livequery(function(){

		$('input[type=text], textarea').example(function() {
		  return $(this).attr('title');
		});

	
		
		$('.contacts-user-email').live('click',function(){
			$user = $(this).parents('.contacts-user');
			$user.addClass('selected').siblings().removeClass('selected');
			
			newImg = $user.find('.contacts-user-img').html();
			newEmail = $user.find('.contacts-user-email').attr('title');
			
			$('#contacts-window .contacts-img').html(newImg);
			
			$('#contacts-window').find('#contacts-to-email').val(newEmail);
			$('#contacts-window').find('#contacts-to-email-show').html(newEmail);
		})
		
		
	})
	
	
	$('.menu li a').live('click',function(){
		url = $(this).attr('href');
		if (!url || url=='#') return false;
		$.ajax({
			url:url,
			success:function(data){
				$("body").append('<div class="for-new-data"></div>');
				$("body .for-new-data").hide().append(data).fadeIn()
			}
		})
		return false;
	})
	
	$('.window-close').live('click',function(){
		$('body .for-new-data').remove();
		return false;
	})
	$('.pelena').live('click',function(){
		$('body .for-new-data').remove();
	})
	
})
$(window).resize(function(){
	$('.popup').hide();
	$('.icons .icon').removeClass('active');
})