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", "fark", "facebook", "google", "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", "google", "kaboodle", "mixx", "propeller", "reddit", "stumbleupon", "technorati", "twitthis", "yahoobuzz"]
    });
    
   // share bookmarks popup
    $('.pt-wrapper li.pt-share a.pt-top-a').click(function() {
        if ($('.pt-wrapper .pt-share-wrapper').css('left') == '-8888px') {
            $('.pt-wrapper .pt-share-wrapper').css('left', 0);
        } else {
            $('.pt-wrapper .pt-share-wrapper').css('left', '-8888px');
        }
        return false;
    });


	// Resize Drop downs
	
	var maxWidth = 237;
	$('#topnav ul ul').css('width', 'auto');
	$('#topnav li li a').css('width', 'auto').css('white-space', 'nowrap');
	$('#topnav > ul > li').each(function(i) {
	    $this = $(this);
	    var widest = $this.width() - 22; // ul border and a padding

	    $this.find('ul li a').each(function() {
	        var w = $(this).width();
	        if (w > widest) widest = w;
	    });

	    if (widest > maxWidth) {
	        widest = maxWidth;
	        $this.find('ul li a').css('white-space', 'normal');
	    }
	    $this.find('ul').css('width', widest + 20); // border is the extra +2
	    $this.find('ul li a').css('width', widest);
	});

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

	//Add class to a div
	
	$('.what_legislative_positions #content .listeditem .txt').addClass('nowrap');

    // homepage slideshow
    $('#home_features .listeditem').wrapAll('<div id="fade" />');
    $('#fade').css('background', '#000');
    
    var featureCt = $('#fade .listeditem').length;
    if (featureCt > 1) {
        $('#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);
            controlDiv.append('<a href="#" class="selector" id="stop">||</a>');
            controlDiv.append('<a href="#" class="selector" id="start" style="display: none;">&#9654;</a>');
        });
    }
    $("#fade").innerfade({
        speed: 2000,
        timeout: 10000,
        containerheight: 320,
        tracker: "switcher",
        trackerclass: "selected",
        repeat: 1
    });    
    $(".selector").click(function() {
        if (this.id == "stop" || this.id == "start") {
            return;
        }
    
        if($("#fade").data("timer")) {
            clearTimeout($("#fade").data("timer"));
            $("#fade").removeData("timer");
            $("#stop").hide();
            $("#start").show();
        }
    
        var id = Number(this.id.substr(1));
        $(".selector").removeClass("selected");
        $(this).addClass("selected");
        $("#fade>div:visible").fadeOut(2000);
        $("#fade>div.item" + id).fadeIn(2000);
        var num = $("#fade").data("num_elements");
        if (id < num) {
            $("#fade").data("next", id);
        } else {
            $("#fade").data("next", 0);
        }
        return false;
    });
    $("#stop").click(function() {
        clearTimeout($("#fade").data("timer"));
        $("#fade").removeData("timer");
        $("#stop").hide();
        $("#start").show();
        return false;
    });
    $("#start").click(function() {
        $("#start").hide();
        $("#stop").show();
        $(".selector").removeClass("selected");
        $("#fade").innerfade({
            speed: 2000,
            timeout: 10000,
            containerheight: 320,
            tracker: "switcher",
            trackerclass: "selected"
        });
        var id = $("#fade").data("next");
        $("#s" + id).addClass("selected");
        return false;
    });

	
	
if ($('#feedselect').length > 0 ) {
    $('#feedselect .feedcontainer').feedSelect({
        getNews: $('#select_news').prop('checked'),
        getBlog: $('#select_blog').prop('checked'),
        getTwitter: $('#select_twitter').prop('checked'),
        newsUrl: '/ssi/select_news/index.html',
        blogUrl: '/ssi/select_blog/index.html',
        twitterUrl: '/ssi/select_twitter/index.html',
		twitterAvatar: '/images/std_twitter.png',
		newsAvatar: '/images/std_news.png',
        blogAvatar: '/images/std_blog.png',
        avatarWidth: 60,
        avatarHeight: 60,
        count: 3,
		twitterTemplate : '<div class="listeditem feeditem twitteritem twocol_left clearfix"><div class="img"><a href="http://twitter.com/#{screenName}/" target="_blank"><img src="#{profileImageUrl}" height="#{avatarHeight}" width="#{avatarWidth}" alt="#{screenName}" title="#{screenName}" /></a></div><div class="txt"><p class="type">#{feedType}</p><p class="teaser">#{text}</p><p class="date"><span>#{createdAt}</span> (<a  href="http://twitter.com/intent/tweet?in_reply_to=#{id}" target="_blank">Reply</a>) (<a  href="http://twitter.com/intent/retweet?tweet_id=#{id}" target="_blank">RT</a>)</span></p><div class="fs-share-wrapper clearfix"><div class="fs-share-fb"><fb:share-button class="url" href="http%3A%2F%2Ftwitter.com%2F%23!%2F#{screenName}%2Fstatus%2F#{id}" type="button_count"></fb:share-button></div></div></div></div>'
    });
    $('#select_news, #select_blog, #select_twitter').click(function() {
        $('#feedselect .feedcontainer').feedSelect({
            getNews: $('#select_news').prop('checked'),
            getBlog: $('#select_blog').prop('checked'),
            getTwitter: $('#select_twitter').prop('checked'),
            newsUrl: '/ssi/select_news/index.html',
            blogUrl: '/ssi/select_blog/index.html',
            twitterUrl: '/ssi/select_twitter/index.html',
			twitterAvatar: '/images/std_twitter.png',
			newsAvatar: '/images/std_news.png',
            blogAvatar: '/images/std_blog.png',
            avatarWidth: 60,
            avatarHeight: 60,
            count: 3,
			twitterTemplate : '<div class="listeditem feeditem twitteritem twocol_left clearfix"><div class="img"><a href="http://twitter.com/#{screenName}/" target="_blank"><img src="#{profileImageUrl}" height="#{avatarHeight}" width="#{avatarWidth}" alt="#{screenName}" title="#{screenName}" /></a></div><div class="txt"><p class="type">#{feedType}</p><p class="teaser">#{text}</p><p class="date"><span>#{createdAt}</span> (<a  href="http://twitter.com/intent/tweet?in_reply_to=#{id}" target="_blank">Reply</a>) (<a  href="http://twitter.com/intent/retweet?tweet_id=#{id}" target="_blank">RT</a>)</span></p><div class="fs-share-wrapper clearfix"><div class="fs-share-fb"><fb:share-button class="url" href="http%3A%2F%2Ftwitter.com%2F%23!%2F#{screenName}%2Fstatus%2F#{id}" type="button_count"></fb:share-button></div></div></div></div>'
        });
    });
}

// Twitter Feed
$('#sidebar_twitter .feed').twitterFeed({
    queryType: 'user',
    query: 'cjaclaw',
    template: '<div class="txt"><span class="msg">#{text}</span><br /><span class="footer"><span class="date">#{createdAt}</span> (<a  href="http://twitter.com/intent/tweet?in_reply_to=#{id}">Reply</a>) (<a  href="http://twitter.com/intent/retweet?tweet_id=#{id}">RT</a>)</span></div>',
    refresh: 0,
    count: 2,
    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'));
        if (vanilla.cf_data.count == 0) {
            jQuery('#cf_progress #average').html('$0');
        } else {
            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);
});