/*
 *  deco.js - Manipulacion del HTML por decoracion
 *  Pablo Telleria (Redbility)
 */

$(document).ready(function() {
	// Si Explorer...
	if($.browser.msie) {
		deco_shadow_inject($(".shadow"));
		button_inject($("input.button"));
	}
});

// Inyeccion de DIVs para simular shadow-box
function deco_shadow_inject(target) {
	target = $(target);
	for(i=0; i<target.length; i++) {
		$(target[i]).prepend('<div class="n h"></div><div class="s h"></div><div class="w v"></div><div class="e v"></div><div class="nw"></div><div class="ne"></div><div class="sw"></div><div class="se"></div>');
		$(target[i]).resize(function(e) {deco_shadow_update(e.target)});
		$(target[i]).resize();
	}
}

// Evento resize para los DIVs con sombra
function deco_shadow_update(target) {
	$(target).children(".h").css("width", $(target).outerWidth() - 6);
	$(target).children(".v").css("height", $(target).outerHeight() - 6);
	$(target).children(".s").css("top", $(target).outerHeight());
	$(target).children(".sw").css("top", $(target).outerHeight()-3);
	$(target).children(".se").css("top", $(target).outerHeight()-3);
}

// Inyeccion de DIVs para botones redondeados
function button_inject(target) {
	target = $(target);
	for(i=0; i<target.length; i++) {
		var correcctionTop = parseInt($(target[i]).css("margin-top"));
		$(target[i])
			.wrap("<div class='button-wrap'></div>")
			.css({float: "none", padding: "3px 8px 4px 8px"})
			.parent()
				.append('<div class="button-left"></div><div class="button-right"></div>')
				.children("div").css("top", correcctionTop+"px");
	}
}