/*
attach event listeners
*/

YAHOO.namespace('derlaine');

YAHOO.derlaine.display_image = function ()
{

    //get all the links
    var allThumbs = YAHOO.util.Dom.getElementsByClassName('showit_a' , 'a', 'content');
  
    YAHOO.util.Event.addListener(allThumbs, 'click', this.showit, this);
    
    var allHtmlLinks = YAHOO.util.Dom.getElementsByClassName('showhtml_a' , 'a', 'content');
    YAHOO.util.Event.addListener(allHtmlLinks, 'click', this.showhtml, this);
}


/*
change the src and display the image
*/
YAHOO.derlaine.display_image.prototype.showit = function(e, scope)
{

    YAHOO.util.Event.preventDefault(e);    
 
    //get the href of the anchor tag
    var image_url = this.href;
    
    var target = document.getElementById('display_image');
    var target_box = document.getElementById('display_image_container');
    
    //it was replaced with an iframe...sux !!
    if( !target) 
    {           
        target_box.innerHTML = '<img id="display_image" src="'+ image_url +'">';
    }
    
    else
    {    
        var target = document.getElementById('display_image');               
        target.src  = image_url;
    }
    
    YAHOO.util.Dom.setStyle(target_box, 'display', 'block' );
    
    
}

/*instead of displaying image, display html */
YAHOO.derlaine.display_image.prototype.showhtml = function(e, scope)
{
    YAHOO.util.Event.preventDefault(e);    
    YAHOO.util.Event.stopPropagation(e);   
 
    //get the href of the anchor tag
    var html_url = this.href;
        
    var target_box = document.getElementById('display_image_container');
   
    target_box.innerHTML = '<iframe src="'+ html_url +'"> You need to upgrade your browser :( </iframe>';
 
}

YAHOO.util.Event.onContentReady('content', function() { new YAHOO.derlaine.display_image(); });
