var ToggleFave = Behavior.create({
    initialize : function() {
        // this.image_src = 
    },
    
    onmouseover : function() {
        
    },
    
    onclick : function () {
        var params = {};
        params['id'] = this.element.up().id.match(/(\d+)/)[1];
        new Ajax.Request('/favorite/toggle', { parameters: params })
    }
});

var GuidePickerToggle = Behavior.create({
   onclick : function() {
       $('guide-list').toggle();
       $('guide-form').toggle();
   } 
});

var GuideDialog = Behavior.create({
   initialize : function() {
       
   },
   
   onmouseover : function() {
       
   },
   
   onclick : function() {
       var gd = $('guide-dialog');
       if (gd) {
           gd.toggle();
           return false;
       } else {
           var dialog = Builder.node('div', { id: "guide-dialog"}, Builder.node("p", 'Loading guides...'));
           $$('body').first().insert({ top: dialog });
           var guide_button = $('guide');
           dialog.style.top = (guide_button.cumulativeOffset().top + guide_button.getHeight()) + "px";
           dialog.style.left = guide_button.cumulativeOffset().left + "px";
           // load the guides list
           new Ajax.Request('/guide/dialog_list');
       }
   }
});

var TogglePlaceToGuide = Behavior.create({
    onclick : function() {
        var params = {};
        params['id'] = this.element.id;
        this.element.firstDescendant().src = "/images/progress-indicator.gif";
        new Ajax.Request('/guide/toggle_place', { parameters: params });
        var gd = $('guide-dialog');
        // if (gd) {
        //  gd.toggle();
        //}
        return false;
    }
})

var ToggleFeedIcon = Behavior.create({
    onmouseover : function() {
        var image = this.element.down('img').src;
        this.element.down('img').src = image.sub(/unselected/, 'selected');
    },
    
    onmouseout : function() {
        var image = this.element.down('img').src;
        this.element.down('img').src = image.sub(/selected/, 'unselected');
    }
});

function share_this_button(sharelet) {
    var image = $("share").down().src;
    $("share").down().src = image.sub(/unselected/, 'selected');
}

document.observe('dom:loaded', function() {
   Event.addBehavior({ 'span#fave' : ToggleFave });
   Event.addBehavior({ 'span#guide' : GuideDialog });
   Event.addBehavior({ 'span#rss' : ToggleFeedIcon });
   // var share_this = SHARETHIS.addEntry({ title: document.title, url: document.url }, { button: false, onclick: share_this_button });
   // var button = document.getElementById("share");
   // share_this.attachButton(button);
});