/**
 * TinyBox v.0.2.3 - a tiny library for overlaying content over a page
 *
 * Copyright (c) 2007 Alexandru Marasteanu <http://alexei.417.ro/>
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License as published by the Free Software
 * Foundation; either version 2 of the License, or (at your option) any later
 * version.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
 * details.
 *
 * You should have received a copy of the GNU General Public License along with
 * this program; if not, write to the Free Software Foundation, Inc., 59 Temple
 * Place, Suite 330, Boston, MA 02111-1307 USA
 */

Object.extend(Element, {
	show : function() {$A(arguments).each(function(i) {
		$(i).style.display = ($(i).tagName.toLowerCase() == 'div' ? 'block' : '');
	});}
});

function $T() {
	var a = [];
	$A(arguments).each(function(i) {
		a.push($A(document.getElementsByTagName(i)));
	}); return(a = a.flatten());
};

var Over = {id: 'tiny-over'}, Load = {id: 'tiny-load'}, Tbox = {id: 'tiny-tbox'};
var Tiny = {
	initialize: function() {
		[Over, Load, Tbox].each(function(i) {
			Element.insert($T('body')[0], { bottom: '<div id="' + i.id + '"></div>'});
		});
		Event.observe(document, 'click', Tiny.toggle.bindAsEventListener(Tiny));
		
		Event.observe($(Over.id), 'click', function(event){Tiny.hide()} );
	},

	toggle    : function(e) {
		var element = Event.element(e);
  		if (['a','img'].indexOf(element.tagName.toLowerCase()) != -1){
			switch(Event.findElement(e, 'a').rel) {
				case 'tiny-hide': Tiny.hide(e); Event.stop(e); break;
				case 'tiny-show': Tiny.show(e); Event.stop(e); break;
			}
		}
		return(false);
	},

	show      : function(e) {
		/*@cc_on
		$T('select').each(function(i) {
			Element.setStyle(i, {'visibility':'hidden'});
		});
		Tiny.scroll = {x: $T('html').scrollLeft, y: $T('html').scrollTop};
		window.scrollTo(0, 0);
		$T('html', 'body').each(function(i) {
			Element.addClassName(i, 'tiny-ie-hack');
		});
		@*/

		this.showURL(Event.findElement(e, 'a').href);

	},

	showURL : function(url,resize){
		Over.show ? Over.show() : Element.show(Over.id);
		new Ajax.Updater(Tbox.id,url, {
            resize: resize,
			onCreate  : function() {
				Load.show ? Load.show() : Element.show(Load.id);
			},
			onComplete: function(transport) {
				Load.hide ? Load.hide() : Element.hide(Load.id);
				Tbox.show ? Tbox.show() : Element.show(Tbox.id);
                var resize = transport.request.options.resize;                
                if (resize){
                    var maxWidth = 0;
                    var children = $(transport.request.container.success).childElements();
                    if (children.size()>0){
                        for (var i=0;i<children.size();i++){
                            var element = children[i];
                            if ($(element).getWidth()>maxWidth) maxWidth=$(element).getWidth();
                        }
                        if (maxWidth>0){
                            Tiny.resize(maxWidth);
                            
                        }
                         
                    }
                }
                console.log(resize);                              
			},
			evalScripts: true, method: 'get'            
		});
	},
    resize: function(width,height){
        $(Tbox.id).setStyle({width:width+'px', height:height+'px',marginLeft:-(width/2)+'px'});        
    },
    showWithIframe: function(url){
        $(Tbox.id).innerHTML = "<iframe src='"+url+"' style='width:100%;height:100%' frameborder='0' scrolling='no' />";    
        Over.show ? Over.show() : Element.show(Over.id);
        Tbox.show ? Tbox.show() : Element.show(Tbox.id);                     
    },
	hide      : function(e) {
		/*@
		$T('html', 'body').each(function(i) {
			Element.removeClassName(i, 'tiny-ie-hack');
		});
		window.scrollTo(Tiny.scroll.x, Tiny.scroll.y);
		@*/
		$(Tbox.id).update('');
		Tbox.hide ? Tbox.hide() : Element.hide(Tbox.id);
		Over.hide ? Over.hide() : Element.hide(Over.id);
		/*@
		$T('select').each(function(i) {
			Element.setStyle(i, {'visibility':'visible'});
		});
		@*/
	}
};

Event.observe(window, 'load', Tiny.initialize);