//
//           +------+------+------+
//      Tr1  |  Tm         |  Tc1 | 5px
//           +      +      +------+
//      Tr2  |             |  Tc2 | 
//           +------+------+------+
//      Tr3  | Tc5  | Tc4  |  Tc3 | 5px    
//           +------+------+------+
//             5px            5px    

$.fn.shadow = function()
{
	this.each(
		function()
		{
//		$(this).load(function(){
			var currentElement = this.cloneNode(true);
			$(currentElement).removeClass('to-shadow');
/*				function setIfExists(srcs) {
				var img = new Image();
				img.onload = function () {
				document.getElementById('adv_tart').src = srcs;
				};
				img.onerror = function () {
				document.getElementById('adv_tart').src = './includes/hiba_100x100.gif';
				}
				img.src = srcs;
				}*/
//				$(this).load();
//				alert( this.Height +" "+ $(this).height() +" "+ this.offsetHeight +" "+ $(this).attr('id'));
/*				var y ='';
				for (x in this)
				    {
				    if (this[x] != undefined)
					y += x+": "+this[x]+" \t";
				    }	
				alert(y);			*/
//				Tw = this.offsetWidth;
//				alert("Th : "+Th+" Tw: "+Tw);

				//size
				var Th = this.offsetHeight;
				var Tw = this.offsetWidth;
//				var Vm = parseInt(this.style.marginLeft)+parseInt(this.style.marginRight);
//				var Vp = parseInt(this.style.paddingLeft)+parseInt(this.style.paddingRight);
//				alert(Vm+" : "+Vp);
//				var Th = this.innerHeight;
//				var Tw = this.innerWidth;
//				var Th = $(this).height();
//				var Tw = $(this).width();
//				var Thh = Th-5;
//				var Tww = Tw-5;
//				var Thhh = Th+5;
//				var Twww = Tw+5;
				// this
				    Tm = document.createElement('td');
				Tm.appendChild(currentElement);
//				$(currentElement).css({border: '1px solid balck;'});
				//cells
				    Tc1 = document.createElement('td');
					I1 = document.createElement('img');
					I1.src='/design-images/borders/shadow/shadow-top-right.png';
				    Tc2 = document.createElement('td');
				    Tc3 = document.createElement('td');
					I3 = document.createElement('img');
					I3.src='/design-images/borders/shadow/shadow-corner.png';
				    Tc4 = document.createElement('td');
				    Tc5 = document.createElement('td');
					I5 = document.createElement('img');
					I5.src='/design-images/borders/shadow/shadow-bottom-left.png';
				// rows
				    Tr1 = document.createElement('tr');

				Tc1.appendChild(I1);
				Tc3.appendChild(I3);
				Tc5.appendChild(I5);

				Tr1.appendChild(Tc1);
				Tr1.insertBefore(Tm,Tc1);
				Tm.colSpan = 2;
				Tm.rowSpan = 2;
				
				    Tr2 = document.createElement('tr');
				Tr2.appendChild(Tc2);
				    Tr3 = document.createElement('tr');
				Tr3.appendChild(Tc3);
				Tr3.insertBefore(Tc4,Tc3);
				Tr3.insertBefore(Tc5,Tc4);
/*				Tc1.innerHTML = 'x';
				Tc2.innerHTML = 'x';
				Tc3.innerHTML = 'x';
				Tc4.innerHTML = 'x';
				Tc5.innerHTML = 'x';*/
				
				//table
				    Tb = document.createElement('tbody');
				Tb.appendChild(Tr3);
				Tb.insertBefore(Tr2,Tr3);
				Tb.insertBefore(Tr1,Tr2);
				    Table = document.createElement('table');
				Table.appendChild(Tb);

//				$(Table).css({height: (Th+8)+'px', width: (Tw+8)+'px'});
//				$(Tm).attr({colspan: '2', rowspan: '2'});
//				alert(Th);
			var parent = this.parentNode;
			parent.replaceChild(Table,this);
//			parent.removeChild(this);
			    $(Table).css({border: 'none'});
			    $(Table).addClass('no_indent');
			    
				$(Tm).css({verticalAlign: 'bottom', marginBottom: 0, marginRight: 0, paddingBottom: 0, paddingRight: 0});
				$(Tc1).css({margin: 0, padding: 0, height: '8px',lineHeight: 0});
				$(Tc3).css({margin: 0, padding: 0, height: '8px',lineHeight: 0});
				$(Tc5).css({margin: 0, padding: 0, height: '8px',lineHeight: 0});
				$(Tc2).css({backgroundImage: "url('/design-images/borders/shadow/shadow-right.png')", margin: 0, padding: 0,height: (Th-8)+'px',lineHeight: 0});
//				$(Tc3).css({backgroundImage: "url('includes/pics/keret/arnyek3.png')", height: '5px', width: '5px'});
				$(Tc4).css({backgroundImage: "url('/design-images/borders/shadow/shadow-bottom.png')",textAlign: 'left', margin: 0, padding: 0, height: '8px',lineHeight: 0, width: (Tw-8)+'px'});
//				$(Tc5).css({backgroundImage: "url('includes/pics/keret/arnyek5.png')", height: '5px', width: '5px'});
				$(I1).ifixpng();
				$(I3).ifixpng();
				$(I5).ifixpng();
				$(I1).height(8).width(8);
				$(I3).height(8).width(8);
				$(I5).height(8).width(8);
				$(Tc2).ifixpng();
//				$(Tc2).height(Th-8).width(8).ifixpng();
				$(Tc4).ifixpng();
//				$(Tc4).width(Tw-8).height(8).ifixpng();				
//				$(Table).height(Th+8);
//				$(Table).width(Tw+8);

//				    });
				
//			this.parentNode.appendChild(Table);
//			this.parentNode.removeChild(lastChild);
//			alert(Table);
		
		}
	);
		
	return this;
};