// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
var BlogPostToggler = Behavior.create({
	blogPostId: null,
	initialize: function() {
		this.blogPostId = this.element.id.match(/blog_post-(\d+)-/)[1];
	},
	onclick: function(e) {
    var open = $('blog_post-' + this.blogPostId).hasClassName('closed')
		$$('.blog_post .content').invoke('hide');
		$$('.blog_post').each(function(el){
			if(!el.hasClassName('closed')) {
				el.addClassName('closed')
			}
		});
    if(open){
      $('blog_post-' + this.blogPostId).removeClassName('closed');
      $('blog_post-' + this.blogPostId + '-content').show();
    }
	}
});

function insertLoadingTabImage() {
	tabMenu = $$('.tabMenu')[0]
	if(tabMenu && !$('byMenu')) {
		tabMenu.insert({after: '<div id="byMenu"><img src="/images/loadingTab.gif" id="loadingTabImage" style="display:none;" /></div>'})
	}
}

function showLoadingTabImage() {
	if($('loadingTabImage')) {
		$('loadingTabImage').show();		
	}
}

function hideLoadingTabImage() {
	if($('loadingTabImage')) {
		$('loadingTabImage').hide();
	}
}