TT_ImageViewer = Class.create();
TT_ImageViewer.prototype = {
  	initialize: function(imgSrc) {
  	    this.imgSrc = imgSrc;
        this.tt_buildGUI();
        this.tt_bindFunctions();
        this.tt_registerEvents();
  	},

    tt_bindFunctions: function () {
        this.tt_handleYesClick = this.tt_handleYesClick.bindAsEventListener(this);
    },

	tt_buildGUI: function () {
        var htmlStr = '';
        htmlStr += '<div class="tt_dlgRow">';
        htmlStr += '<img id="imgViewedId" ';
        htmlStr +=      'alt="No Image" src="'+this.imgSrc+'" />'
        htmlStr += '</div>';
        var divDlgBody = new Element('div', {});
        divDlgBody.innerHTML = htmlStr;
        var btns   = [{id: 'close', value : 'Close', isDefault: true}];
        this.demoDialog = new TT_Dialog ('View', divDlgBody, btns, 600);
        this.demoDialog.afterShow = function () {
            var _h = $('imgViewedId').getHeight();
            var wnd_h = document.viewport.getHeight();
            _h = _h < wnd_h ? _h : wnd_h - 70;
            $('imgViewedId').style['height'] = _h + 'px';
            var _w = $('imgViewedId').getWidth();
            _w = _w>50 ? _w : 50;
            this.demoDialog.tt_setSize(_w + 20, _h);
        }.bind(this);
    },

    tt_registerEvents: function () {
        Event.observe($('btnclose'), 'click', this.tt_handleYesClick, false);
    },
    
    tt_handleYesClick: function () {
        this.demoDialog.tt_closeDialog();
    }
}