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"]
    });
    $('#social_tools ul li.share a').click(function() {
        //$('#social_tools .bookmarks').toggle();
        if ($('#social_tools .bookmarks').css('left') == '-8888px') {
            $('#social_tools .bookmarks').css('left', 0);
        } else {
            $('#social_tools .bookmarks').css('left', '-8888px');
        }
    });

  // twitter feed
    $('#sidebar .feed').twitterFeed({
        queryType: 'user',
        query: 'demahora',
        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: 2,
        fadeSpeed: 0,
        timeFormat: 'local'
    });

    
    // 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);
        }
    );

	// homepage slideshow
	    $('#home_feature .listeditem').wrapAll('<div id="fade" />');
	    $('#fade').css('background', '#000');

	 var featureCt = $('#fade .listeditem').length;
	    $('#home_feature').each(function() {
	        var controlDiv = $('<div />').attr('id', 'switcher');
	        var controlsTable = $('<table cellspacing="0"></table>');
	        var controlsTr = $('<tr />');
	        for (var i = 1; i <= featureCt; i++) {
	            var controlTd = $('<td />');
	            var title = $('#fade .listeditem').eq(i - 1).find('img').attr('alt');
	            var control = $('<a href="#" class="selector" id="s' + i + '">' + title + '</a>');
	            if (i == 1) control.addClass('selected first');
	            if (i == featureCt) control.addClass('last');
	            controlTd.append(control);
	            controlsTr.append(controlTd);
	        }
	        controlsTable.append(controlsTr);
	        controlDiv.append(controlsTable);
	        $(this).append(controlDiv);
	    });

		$("#fade").innerfade({
	        speed: 4000,
	        timeout: 10000,
	        containerheight: 300,
	        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(4000);
	        $("#fade>div").eq(id - 1).fadeIn(4000);
	        return false;
	    });
});

// 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);
});