$(function(){
    doForm();
    doMembersList();
    doScroll();
	
	$('.membershipOverlay').click(function(e){
		e.preventDefault();
		KOverlay.init({
			content: '<div style="padding:20px"><div style="width: 640px; overflow: hidden;"><iframe src="form/form.php" style="border: 0pt none; overflow: hidden; width: 640px; margin-top: -43px; height: 773px;" border="0" scrolling="no"></iframe></div></div>'
		});
	});
}); 

var doScroll = function(){
    var jump=function(e)
    {
       e.preventDefault();
       var target = $(this).attr("rel");
       $('html,body').animate(
       {
               scrollTop: $(target).offset().top
       },1000,function()
       {
               location.hash = target;
       });
    }
    $('a[rel*=#]').bind("click", jump);

    return;

    var curScroll = $(window).scrollTop()

    var resScroll = function(){
        if(curScroll > 305){
            $('#sidebar').addClass('animated')
            resScroll.timer = setInterval(function(){
                $('#sidebar').animate({
                    top: $(window).scrollTop()
                }, 1);
            }, 100);
        }
    }
    resScroll()
    $(window).scroll(function(){
        clearInterval(resScroll.timer);
        resScroll();
        var curScroll = $(this).scrollTop()
        if(curScroll > 305){
            if(($(document).height() - curScroll) < 435){
                $('#sidebar').stop()
                    .css('top', $('#contentBg').outerHeight());
                clearInterval(resScroll.timer);
            }
            else{
                clearInterval(resScroll.timer);
                resScroll();
            }
        }
        else if(curScroll < 305) {
            $('#sidebar').removeAttr('style').removeClass('animated');
        }

    });

};

var doMembersList = function(){

    $('#membersList').hide();
    $('.showMembers').click(function(){
        if($('#membersList').is(':animated')){
            return false;
        }
        else if($('#membersList').is(':hidden')) {
           $('#membersList').slideDown('fast');
		   $('.showMembers').html('Hide current memberlist &uarr;');
		}
        else if($('#membersList').is(':visible')) {
           $('#membersList').slideUp('fast');
		   $('.showMembers').not('.two').html('Show current memberlist &darr;');
        }
    });
}

var doForm = function(){
    $('#ContactForm input, #ContactForm textarea').focus(function(){
        if($(this).val() == $(this).attr('title'))
            $(this).val('');
    });
    $('#ContactForm input, #ContactForm textarea').blur(function(){
        if($(this).val() == '')
            $(this).val($(this).attr('title'));
    });

    $('.sndBtn').click(function(e){
        e.preventDefault();
$('#SendForm textarea').val().replace(/\r\n|\r|\n/g,"<br />")
        $('#SendForm').addClass('loading');
        $.ajax({
            type: "POST",
            url: "mail.php",
            data: $('#SendForm').serialize(),
            success: function(r){
                setTimeout(function(){
                    $('#SendForm').removeClass('loading');
                    alert('Your message was successfully sent!')
                }, 2000);
            },
            error: function(r){
                alert('Your message did not go through. Please try again.')
                setTimeout(function(){
                    $('#SendForm').removeClass('loading');
                }, 2000);
            }
        })
    });

};

KOverlay = {
	init: function(params){ 
		var template = '<div class="overlayMask"></div><div class="kOverlay"><div class="overlayContent"><div class="closeOverlay"></div><img class="loader" src="images/ajaxLoader.gif" alt="" /><div class="overlayContentInner"></div></div></div>';
		var content = params.content;
		var overlay = $(template);
			overlay.find('.overlayContentInner').html(content);

		$('body').append(overlay);
		$('.overlayMask').width($('html').width()).height($('body').css('height')).css('opacity', '0.7');
		$('.kOverlay').css({
			'left' : ($(window).width() - $(window).width()/2) - $('.kOverlay').width()/2
		})
			
		var cWidth = $('.kOverlay').find('.overlayContentInner').width();
		var cHeight = $('.kOverlay').find('.overlayContentInner').height();
		
					
		setTimeout(function(){
			fnAnimate(); 
		}, 1000);

		function fnAnimate(){
			$('.kOverlay').animate({
				left : ($(window).width() - $(window).width()/2) - cWidth/2,
				width : cWidth,
				minHeight : cHeight
			}, 100, function(){

				$('.kOverlay').find('.loader').hide();
				$('.kOverlay').find('.overlayContentInner').css('left', '0');
				if($(window).height() < $('.kOverlay').height()) {
					$('.kOverlay').css({'position' : 'absolute', 'top' : $(window).scrollTop() + 30});
				}
				$('.closeOverlay').show();
				$('.overlayMask, .closeOverlay').click(function(){
					$('.overlayMask').remove();
					$('.kOverlay').remove();
				});
				
				$(window).resize(function(){ fnAnimate(); });
				
			});
		}

		
	}
}