//STEP 1

function swap_ad_button()
{
	var td1 = document.getElementById('ad_button1');
	var td2 = document.getElementById('ad_button2');
	
	td1.style.display = '';
	td2.style.display = 'none';
}

function Validation() 
{
	if(document.getElementById('head_field').value)
	{
		var file = document.getElementById('head_field').value.split('.');
		
		if(	file[file.length - 1] != 'jpg' &&
			file[file.length - 1] != 'jpeg' &&
			file[file.length - 1] != 'png' &&
			file[file.length - 1] != 'gif')
		{
			alert('La cabeza debe ser formato jpg, png o gif');
			return false;
		}
		
		document.getElementById('formStep1').action = '/mepreocupamas/paso/2';
	}
	
	document.getElementById('formStep1').submit();
}

function select_base(nextId)
{
	var prevId = document.getElementById('base_image').value;
	document.getElementById('base_image').value = nextId;
	
	var prevElem = document.getElementById('base_image' + prevId);
	var nextElem = document.getElementById('base_image' + nextId);
	
	prevElem.setAttribute("class", "");
	prevElem.setAttribute("className", "");
	
	nextElem.setAttribute("class", "checked");
	nextElem.setAttribute("className", "checked");
}


//STEP 2

function change_position($elemId, $direction, $value)
{
	var elem = document.getElementById($elemId);
	var val;
	
	if($direction == 'x')
	{
		val = elem.style.left;
		elem.style.left = parseInt(val.substr(0, val.length-2)) + $value + 'px';
	}
	else if($direction == 'y')
	{
		val = elem.style.top;
		elem.style.top = parseInt(val.substr(0, val.length-2)) + $value + 'px';
	}
}

function change_size($elemId, $value)
{
	var elem = document.getElementById($elemId);
	var val  = elem.width;
	
	if($value > 0)
	{
		elem.width = elem.width * $value;
	}
	else if($value < 0)
	{
		elem.width = elem.width / (-1 * $value);
	}
}

function get_values($elemId)
{
	var elem = document.getElementById($elemId);
	
	document.getElementById($elemId+'position').value = elem.style.left+':'+elem.style.top;
	document.getElementById($elemId+'size').value = elem.width+':'+elem.height;
}