jQuery(document).ready(function($) {

    // fade out error message bg color
    $("#messages, #comment_errors, #comment_msgs").animate({opacity: 1.0}, 3000).animate({backgroundColor: '#ffffff'}, 3000);


    // share bookmarks on thankyou pages
    if (location.href.indexOf('?') == -1) {
        vanilla.baseUrl = location.href;
    } else {
        vanilla.baseUrl = location.href.substring(0, location.href.indexOf('?'));
    }
    $(".thankyoubookmarks").bookmark({
        icons: "/images/bookmarks.png",
        url: vanilla.baseUrl,
        sites: ["delicious", "digg", "facebook", "fark", "google", "kaboodle", "mixx", "propeller", "reddit", "stumbleupon", "technorati", "twitthis", "yahoobuzz"]
    });
    $(".thankyoubookmarks").prepend('<p><strong>Share this with your friends:</strong></p>');
    
    // share bookmarks in general
    $(".bookmarks").bookmark({
        icons: "/images/bookmarks.png", 
        sites: ["delicious", "digg", "facebook", "fark", "google", "kaboodle", "mixx", "propeller", "reddit", "stumbleupon", "technorati", "twitthis", "yahoobuzz"]
    });
   $('#tools ul li.share a').click(function() {
	    if ($('#tools .bookmarks').css('left') == '-8888px') {
	        $('#tools .bookmarks').css('left', 0);
	    } else {
	        $('#tools .bookmarks').css('left', '-8888px');
	    }
	});
    
    // opacity effect for bookmarks
    $(".hasBookmark ul a").animate({opacity: .6}, 0);
    $(".hasBookmark ul a").hover(
        function() {
            $(this).animate({opacity: 1}, 0);
        },
        function() {
            $(this).animate({opacity: .6}, 0);
        }
    );

	// feed selector on homepage
    if ($('body.is_home').length > 0 ) {
        $('#home_bottom .feedcontainer').feedSelect({
            getNews: $('#select_news').attr('checked'),
            getBlog: $('#select_blog').attr('checked'),
            getTwitter: $('#select_twitter').attr('checked'),
            twitterAvatar: '/images/avatar_twitter.png',
            newsAvatar: '/images/avatar_news.png',
            blogAvatar: '/images/avatar_blog.png',
            avatarHeight: 65,
            avatarWidth: 65,
            newsUrl: '/ssi/select_news/index.html',
            blogUrl: '/ssi/select_blog/index.html',
            twitterUrl: '/ssi/select_twitter/index.html',
            count: 3
        });
        $('#select_news, #select_blog, #select_twitter').click(function() {
            $('#home_bottom .feedcontainer').feedSelect({
                getNews: $('#select_news').attr('checked'),
                getBlog: $('#select_blog').attr('checked'),
                getTwitter: $('#select_twitter').attr('checked'),
                twitterAvatar: '/images/avatar_twitter.png',
                newsAvatar: '/images/avatar_news.png',
                blogAvatar: '/images/avatar_blog.png',
                avatarHeight: 65,
                avatarWidth: 65,
                newsUrl: '/ssi/select_news/index.html',
                blogUrl: '/ssi/select_blog/index.html',
                twitterUrl: '/ssi/select_twitter/index.html',
                count: 3
            });
        });
    }

	// homepage feature slideshow
    $('#home_features .listeditem').wrapAll('<div id="fade" />');
	$('#fade').css('background', '#000');
	
    // design feature controls
	var featureCt = $('#fade .listeditem').length;
    $('#home_features').each(function() {
        var controlDiv = $('<div />').attr('id', 'switcher');
        for (var i = 1; i <= featureCt; i++) {
            var control = $('<a href="#" class="selector" id="s' + i + '">' + i + '</a>');
            if (i == 1) control.addClass('selected first');
            if (i == featureCt) control.addClass('last');
            controlDiv.append(control);
        }
        $(this).append(controlDiv);
    });

	$("#fade").innerfade({
        speed: 2000,
        timeout: 10000,
        containerheight: 286,
        tracker: "switcher",
        trackerclass: "selected",
        repeat: 1
    });
    $(".selector").click(function() {
        if($("#fade").data("timer")) {
            clearTimeout($("#fade").data("timer"));
            $("#fade").removeData("timer");
        }

        var id = Number(this.id.substr(1));
        $(".selector").removeClass("selected");
        $(this).addClass("selected");
        $("#fade>div:visible").fadeOut(2000);
        $("#fade>div").eq(id - 1).fadeIn(2000);
        return false;
    });
    
    $('#sidebar .feed').twitterFeed({
        queryType: 'user',
        query: 'RCalcaterra',
        template: '<div class="txt"><span class="msg">#{text}</span><br /><span class="footer"><span class="date">#{createdAt}</span> (<a  href="http://twitter.com/home?status=%40#{screenName}%20&in_reply_to_status_id=#{id}&in_reply_to=#{screenName}">Reply</a>) (<a  href="http://twitter.com/home?status=RT%20%40#{screenName}%20#{encodedText}&in_reply_to_status_id=#{id}&in_reply_to=#{screenName}">RT</a>)</span></div>',
        refresh: 0,
        count: 3,
        fadeSpeed: 0,
        timeFormat: 'local'
    });
});

// CF thermometer
vanilla.addLoadEvent(function() {
    if (typeof vanilla.cf_data == 'undefined') {
        return;
    }
    
    // we delay this a bit so the user will see the entire effect
    setTimeout(function() {
        jQuery('#cf_progress #goal').html('$' + vanilla.format_number(vanilla.cf_data.goal));
        jQuery('#cf_progress #count').html(vanilla.cf_data.count + ((vanilla.cf_data.count == 1) ? ' donor' : ' donors'));
        jQuery('#cf_progress #average').html('$' + vanilla.format_number((vanilla.cf_data.raised/vanilla.cf_data.count).toFixed(2)));

        jQuery("#cf_progress").progressBar({
            value    : Math.round(vanilla.cf_data.raised * 100 / vanilla.cf_data.goal),
            height   : 190,
            width    : 32,
            callback : function(config) {
                var raised = 0;
                if (config.value > 0) {
                    raised = vanilla.format_number((vanilla.cf_data.raised * (config.runningValue / config.value)).toFixed(2));
                    raised = raised.replace('.00', '');
                }
                jQuery('#cf_progress #raised').html('$' + raised);
                
                if (config.runningValue == config.max) {
                    jQuery('#cf_progress').addClass('goal_reached');
                    jQuery('#cf_progress #scale').hide();
                }
                if (config.runningValue > config.max) {
                    jQuery('#cf_progress').addClass('goal_exceeded');
                    jQuery('#cf_progress #scale').hide();
                }
            }
        });
    }, 500);
});