Cufon.replace('.title, .demo_caption, .reasons_caption, .howitworks_caption');

$(function() {
	/* ACCORDIAN */
	
	$("#top_introduction").click(function() {
		
		// Hide others if visible
		if($("#publishers .content_area").is(":visible")) {
			$("#publishers .content_area").slideUp();
		}

		if($("#advertisers .content_area").is(":visible")) {
			$("#advertisers .content_area").slideUp();
		}
		
		// Show current
		$("#introduction .content_area").slideToggle('slow', function() { $.scrollTo('#introduction',1000); });
		
		// Toggle up/down icon
		var icn_intro = $("img.icn_intro").attr('src');
		if(icn_intro == '/static/homepage/images/icon_up_introduction.png') {
	        $("img.icn_intro").attr('src','/static/homepage/images/icon_down_introduction.png');
	        return false;    
	    }
	    if(icn_intro == '/static/homepage/images/icon_down_introduction.png') {
	        $("img.icn_intro").attr('src','/static/homepage/images/icon_up_introduction.png');
	        $("img.icn_pub").attr('src','/static/homepage/images/icon_down_publishers.png');
	        $("img.icn_ad").attr('src','/static/homepage/images/icon_down_advertisers.png');

	        return false;    
	    }
		
	})
		
	$("#top_publishers, a[href='#top_publishers']").click(function() {
		
		if($("#introduction .content_area").is(":visible")) {
			$("#introduction .content_area").slideUp();
		}

		if($("#advertisers .content_area").is(":visible")) {
			$("#advertisers .content_area").slideUp();
		}
		
		$("#publishers .content_area").slideToggle('slow', function() { $.scrollTo('#publishers',1000); });
		
		var icn_pub = $("img.icn_pub").attr('src');			
		if(icn_pub == '/static/homepage/images/icon_up_publishers.png') {
	        $("img.icn_pub").attr('src','/static/homepage/images/icon_down_publishers.png');
	        return false;    
	    }
	    if(icn_pub == '/static/homepage/images/icon_down_publishers.png') {
	        $("img.icn_pub").attr('src','/static/homepage/images/icon_up_publishers.png');
	        $("img.icn_intro").attr('src','/static/homepage/images/icon_down_introduction.png');
	        $("img.icn_ad").attr('src','/static/homepage/images/icon_down_advertisers.png');
	        return false;    
	    }
		
	});
	$("#top_advertisers, a[href='#top_advertisers']").click(function() {
		
		if($("#publishers .content_area").is(":visible")) {
			$("#publishers .content_area").slideUp();
		}

		if($("#introduction .content_area").is(":visible")) {
			$("#introduction .content_area").slideUp();
		}
		
		$("#advertisers .content_area").slideToggle('slow', function() { $.scrollTo('#advertisers',1000); });
		
		var icn_ad = $("img.icn_ad").attr('src');			
		if(icn_ad == '/static/homepage/images/icon_up_advertisers.png') {
	        $("img.icn_ad").attr('src','/static/homepage/images/icon_down_advertisers.png');
	        return false;    
	    }
	    if(icn_ad == '/static/homepage/images/icon_down_advertisers.png') {
	        $("img.icn_ad").attr('src','/static/homepage/images/icon_up_advertisers.png');
	        $("img.icn_intro").attr('src','/static/homepage/images/icon_down_introduction.png');
	        $("img.icn_pub").attr('src','/static/homepage/images/icon_down_publishers.png');

	        return false;    
	    }
	});

	function toggleLoginForm () {
		$('#login-button').closest('.login-box').toggleClass('clicked');
		return false;
	}

	function replacePasswordFeild () {
		$(this)
			.replaceWith('<input type="password" class="text" name="password">');
		$('#login-form input[name="password"]').focus();
		console.log('done', this);
	}

	$('#login-button, .lnk-login').click(toggleLoginForm);

	// On initial load replace the password field with text, then swap back on focus.
	$('#login-form input[name="password"]')
		.replaceWith('<input type="text" value="Your Password" class="text" name="password" />');
	$('#login-form input[name="password"]')
		.focus(replacePasswordFeild);

	
	$("#login-form").submit(function(event){
		event.preventDefault();
		$("#login-error").hide();
		var post_data = $("#login-form").serialize();
		$.post( '/login', post_data, function(dta, status, xhr) {
			var obj = jQuery.parseJSON(dta);
			if (obj.status == 'ok') {
				$("#login-error").hide();
				window.location = "/dash";
			} else if (obj.status == 'fail') {
				if (obj.auth_error) {
					$("#login-error")
						.text("Sorry, the username or password entered is incorrect")
						.show();
				}
			}
		},'html');
	});

});

$(window).scroll(function() {
    $("#top_introduction").css("top", $(window).scrollTop() + "px");
});