function $(id) {
  return document.getElementById(id);
}
function openLoginPanel(login_width,login_height,page) {
  login_height += 30;
  if(typeof(window.innerWidth) == 'number') {
    //Non-IE
    browser_width = window.innerWidth;
    browser_height = window.innerHeight;
  } else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
    //IE 6+ in 'standards compliant mode'
    browser_width = document.documentElement.clientWidth;
    browser_height = document.documentElement.clientHeight;
  } else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
    //IE 4 compatible
    browser_width = document.body.clientWidth;
    browser_height = document.body.clientHeight;
  }

  login_top=Math.round((browser_height - login_height)/2);
  login_box_side_width = Math.round((browser_width - login_width)/2); 

  $('login_panel_top').style.top=0; 
  $('login_panel_top').style.left=0; 
  $('login_panel_top').style.width=browser_width + 'px';
  $('login_panel_top').style.height=login_top + 'px';
  $('login_panel_top').style.display='block';

  $('login_box_left').style.top=login_top + 'px';
  $('login_box_left').style.left=0;
  $('login_box_left').style.width=login_box_side_width  + 'px';
  $('login_box_left').style.height=login_height + 'px';
  $('login_box_left').style.display='block';

  $('login_box').style.top=login_top + 'px';
  $('login_box').style.left=$('login_box_left').style.width;
  $('login_box').style.width=login_width  + 'px';
  $('login_box').style.height=login_height + 'px';
  $('login_box').style.display='block';

  $('login_box_right').style.top=login_top + 'px';
  $('login_box_right').style.left=(login_box_side_width + login_width) + 'px';
  $('login_box_right').style.width=login_box_side_width  + 'px';
  $('login_box_right').style.height=login_height + 'px';
  $('login_box_right').style.display='block';

  $('login_panel_bottom').style.top=(login_top + login_height) + 'px';  
  $('login_panel_bottom').style.left=0;
  $('login_panel_bottom').style.width=browser_width + 'px';
  $('login_panel_bottom').style.height=(browser_height - (login_top + login_height)) + 'px';
  $('login_panel_bottom').style.display='block';
  $('login_box').innerHTML = '<div align="left" style="height:30px"><a href="#" onclick="closeLoginPanel()"><img src="images/login_box_close.gif" width="60" height="30" border="0" alt="Close" /></a></div>';
  $('login_box').innerHTML += '<iframe src="' + page + '" name="login" width="' + login_width + '" height="' + (login_height - 30) + '" frameborder="0" align="left" scrolling="no"></iframe>';
}
function closeLoginPanel() {
  $('login_panel_top').style.display='none';
  $('login_box_left').style.display='none';
  $('login_box').style.display='none';
  $('login_box_right').style.display='none';
  $('login_panel_bottom').style.display='none';
}

function recipeAddIngredientInput() {
  var ingredientsDiv = $('ingredients');
  
  var totalIngredients = getTotalIngredients();
  
  textNum = document.createTextNode((totalIngredients + 1) + '. ');  
  
  var ingredient = document.createElement('INPUT');
  ingredient.id = 'ingredient[' + totalIngredients + ']';
  ingredient.name = 'ingredient[' + totalIngredients + ']';
  ingredient.size='47';
  
  var brTag = document.createElement('BR');
  
  ingredientsDiv.appendChild(textNum);
  ingredientsDiv.appendChild(ingredient);
  ingredientsDiv.appendChild(brTag);
}

function recipeDeleteIngredientInput(element) {
	var ingredientsDiv = $('ingredients');
	var ingredient = $(element);
	children = ingredientsDiv.childNodes;
	
	for (var i=0;i<children.length;i++) {
		if (children[i] == ingredient) {
			var j=0;
			while(j<6) {
				ingredientsDiv.removeChild(children[i-1]);
				j++;
			}
		}
	}
}
function getTotalIngredients() {
	var i=0;
	var ingredient = $('ingredient[' + i + ']');
	while(ingredient != null && typeof(ingredient) != "undefined") {
		i++;
		ingredient = $('ingredient[' + i + ']');
	}
	
	return i;
}