/*
        Class:  IFBox (ifbox.js)
              Let add skinned container to any html containers

        Usage:
                Add a skinned container to any element that match a target css class
				
				
		Options:
			target : the target
			skin : the skin
			
        Exemple:
                (code)
                <script type="text/javascript">
                        window.addEvent('domready', function() {
                                var IFBox = new MooShadow({
									target 	: '.item',
									skin_name : 'vibesbox',
									path_path : 'skins/'
								});
                        });
                </script>
                (end code)
		
        About:
                mooShadow.js v.1.0 for mootools v1.1 06 / 2007

                by Floor SA (http://www.floor.ch) MIT-style license

                Created by Luca Pillonel and David Mignot
*/


var IFBox = new Class({
	Implements: [Events, Options],
	options : {
		'target' : '.box',
		'skin' : 'boxvibes',
		'mode' : 1
	},

	initialize: function(options){
		this.setOptions(options);
		
		//$('content').setStyle('opacity','0');
		
		this._parseDOM();
		
		//var fx = new Fx.Styles($('content'), {duration:700, wait:false});

		//fx.start({
		//	'opacity': '1'
		//});
	},
	
	_parseDOM:function(){
		var s = $$('.item');
		//var s =  $ES('[.content .item]');
		s.each(function(el, n){
				this._addBox(el);
		}.bind(this));
		
		
		
		
	},
	
	_addBox:function(el){
		
		var iefix = "";
			if(window.ie != window.ie7){
			//      iefix = "-ie";
		}
	
	
		el.IFBoxTable = new Element('table').addClass('IFBoxTable').injectAfter(el);
		el.IFBoxTBody = new Element('tbody').addClass('IFBoxTable').injectInside(el.IFBoxTable);
		el.IFBoxBr = new Element('div').addClass('sep').injectAfter(el.IFBoxTable);
		
		el.IFBoxTable.cellPadding ='0';
		el.IFBoxTable.cellSpacing ='0';
		el.IFBoxTable.border ='0';
		
		//if(el.hasClass('left')) el.shadowTable.addClass('left');
		// if(el.hasClass('right')) el.shadowTable.addClass('right');
		
	//	el.shadowTable.setStyle('position', el.getStyle('position'));
	//	el.shadowTable.setStyle('margin', el.getStyle('margin'));
		
		switch (this.options.mode){
			case 1:
			el.tr1 = new Element('tr').injectInside(el.IFBoxTBody);
					el.topLeft = new Element('td').addClass('tl'+iefix).injectInside(el.tr1);
					el.shtop = new Element('td').addClass('t'+iefix).injectInside(el.tr1);
					el.topRight = new Element('td').addClass('tr'+iefix).injectInside(el.tr1);
			el.tr2 = new Element('tr').injectInside(el.IFBoxTBody);
					el.shleft = new Element('td').addClass('l'+iefix).injectInside(el.tr2);
					el.shimg = new Element('td').addClass('body').injectInside(el.tr2);
					el.shright = new Element('td').addClass('r'+iefix).injectInside(el.tr2);
			el.tr3 = new Element('tr').injectInside(el.IFBoxTBody);
					el.bottomLeft = new Element('td').addClass('bl'+iefix).injectInside(el.tr3);
					el.shbottom = new Element('td').addClass('b'+iefix).injectInside(el.tr3);
					el.bottomRight = new Element('td').addClass('br'+iefix).injectInside(el.tr3);
			el.injectInside(el.shimg);
			break;
			case 2:
			el.tr1 = new Element('tr').injectInside(el.IFBoxTBody);
					el.topLeft = new Element('td').setProperty('colspan','2').addClass('tl').injectInside(el.tr1);
					el.topRight = new Element('td').setProperty('colspan','2').addClass('tr').injectInside(el.tr1);
			el.tr2 = new Element('tr').injectInside(el.IFBoxTBody);
					el.midLeft= new Element('td').addClass('l').injectInside(el.tr2);
					el.bimgd = new Element('div').setProperty('style','width:3px; height:3px;').injectInside(el.midLeft);
					el.bimg = new Element('td').addClass('body').setProperty('colspan','2').injectInside(el.tr2);
					el.bright = new Element('td').addClass('r').injectInside(el.tr2);
			el.tr3 = new Element('tr').injectInside(el.IFBoxTBody);
					el.bottomLeft = new Element('td').setProperty('colspan','2').addClass('bl').injectInside(el.tr3);
					el.bottomRight = new Element('td').setProperty('colspan','2').addClass('br').injectInside(el.tr3);
			el.injectInside(el.bimg);
			break;
		};
	}
});