var brd = '1px solid #332200';
var rnd = 0;
var srt = new Hash();
srt.set(0, 1);

function np(ph) {
	switch (ph) {
		case 0:
			$('ph0').addClassName('wizPhOn');
			$('ph0').removeClassName('wizPhOff');
			break;
		case -1:
			rnd = 1;
			np(3);
			$('ph0').addClassName('wizPhOff');
			$('ph0').removeClassName('wizPhOn');
			break;	
		case -2:
			np(5);
			$('ph0').addClassName('wizPhOff');
			$('ph0').removeClassName('wizPhOn');
			break;			
		case 1:
			rnd = 0;
			$('ph1').addClassName('wizPhOn');
			$('ph1').removeClassName('wizPhOff');
			$('ph0').addClassName('wizPhOff');
			$('ph0').removeClassName('wizPhOn');
			break;
		case 2:
			$('ph2').addClassName('wizPhOn');
			$('ph2').removeClassName('wizPhOff');
			$('ph1').addClassName('wizPhOff');
			$('ph1').removeClassName('wizPhOn');
			break;
		case 3:
			$('ph3').addClassName('wizPhOn');
			$('ph3').removeClassName('wizPhOff');
			$('ph2').addClassName('wizPhOff');
			$('ph2').removeClassName('wizPhOn');
			$('ph3_serves').show();
			break;		
		case 4:
			$('ph4').addClassName('wizPhOn');
			$('ph4').removeClassName('wizPhOff');
			$('ph3').addClassName('wizPhOff');
			$('ph3').removeClassName('wizPhOn');
			$('ph3_serves').hide();
			cnm(rnd);			
			break;
		case 5:
			$('ph5').addClassName('wizPhOn');
			$('ph5').removeClassName('wizPhOff');
			$('ph4').addClassName('wizPhOff');
			$('ph4').removeClassName('wizPhOn');
			break;
		case 6:
			$('ph5').addClassName('wizPhOff');
			$('ph5').removeClassName('wizPhOn');
			break;
		default:
			break;
	}
}

function mOver(n, i) {
	if (document.images)
		$(n).src = mi[i].src;
}

function mOut(n, i) {
	if (document.images)
		$(n).src = mo[i] + '.gif';
}	

function rb(d) {
	var cs = document.getElementsByClassName('dayContainer');
	var i = d.element.id.substr(4,1);
	
	d.element.setStyle({border:brd});

	if (i != 0) {
		var ln = cs[parseInt(i)-1];
		ln.setStyle({border:brd});
	}
}

function sd(dg, dp) {
	var dgIdA  = dg.getElementsByClassName('recipeId');
	var dgImgA = dg.getElementsByClassName('recipeImage');
	var dgLnkA = dg.getElementsByClassName('recipeLink');
	var dgDetA = dg.getElementsByClassName('recipeDetails');
			
	var dpIdA  = dp.getElementsByClassName('recipeId');
	var dpId   = dpIdA[0].innerHTML;
	var dpImgA = dp.getElementsByClassName('recipeImage');
	var dpImg  = dpImgA[0].src;
	var dpLnkA = dp.getElementsByClassName('recipeLink');
	var dpLnk  = dpLnkA[0].innerHTML;
	var dpDetA = dp.getElementsByClassName('recipeDetails');
	var dpDet  = dpDetA[0].innerHTML;

	dpIdA[0].innerHTML = dgIdA[0].innerHTML;
	dpImgA[0].src = dgImgA[0].src;
	dpLnkA[0].innerHTML = dgLnkA[0].innerHTML;
	dpDetA[0].innerHTML = dgDetA[0].innerHTML;
	
	dgIdA[0].innerHTML = dpId;
	dgImgA[0].src = dpImg;
	dgLnkA[0].innerHTML = dpLnk;
	dgDetA[0].innerHTML = dpDet;
		
	mc(true);
}

function mc(us) {
	var p = 'c=u&p0=';
	var mc = 0;
	var mn = 0;
	var md = 0;
	
	var da = document.getElementsByClassName('dayContainer');
	for (i = 0; i < da.length; i++) {
		var k = $(da[i].id).getElementsByTagName('div');

		p += (i != 6) ? (k[0].innerHTML + ',') : k[0].innerHTML;

		var hc = $(da[i].id).getHeight();			
		var hn = Element.getHeight(k[2]);			
		var hd = Element.getHeight(k[3]);			
		if (hc > mc)
			mc = hc;
		if (hn > mn)
			mn = hn;
		if (hd > md)
			md = hd;

		var a = k[2].getElementsByTagName('a');
		var as = a[0].href.split('?');
		a[0].href = as[0] + "?id=" + k[0].innerHTML + "&changeRecipe=" + i + "&r=p";
	}

	mc = mc - 2;

	if (mc < 240)
		mc = 240;

	mc += "px";
	mn += "px";
	md += "px";

	for (i = 0; i < da.length; i++) {
		var k = $(da[i].id).getElementsByTagName('div');
		
		k[2].setStyle({height:mn});
		k[3].setStyle({height:md});

		if (i == 6)
			da[i].setStyle({borderTop:brd,borderBottom:brd,borderLeft:brd,borderRight:brd,height:mc});
		else
			da[i].setStyle({borderTop:brd,borderBottom:brd,borderLeft:brd,borderRight:'0',height:mc});
	}

	if (document.getElementById('ph0'))
	{
		Element.clonePosition($('ph0'), $('mmCont'));
		Element.clonePosition($('ph1'), $('mmCont'));
		Element.clonePosition($('ph2'), $('mmCont'));
		Element.clonePosition($('ph3'), $('mmCont'));
		Element.clonePosition($('ph4'), $('mmCont'));
		Element.clonePosition($('ph5'), $('mmCont'));
	
		var s = 'height: ' + $('mmCont').getHeight() + 'px';
		$('wizCont').setStyle(s);
	
		$('ph0').style.left = '0px';
		$('ph1').style.left = '0px';
		$('ph2').style.left = '0px';
		$('ph3').style.left = '0px';
		$('ph4').style.left = '0px';
		$('ph5').style.left = '0px';
	}
			
	if (us) {		
		new Ajax.Request("index.php", {method: 'post', parameters: p});
	}
}
		
function rr(i, n) {  
	var p = 'c=r&p0=' + i;
	document.getElementById(n + "_recipeImg").src = "/img/icons/loadb.gif";   
	new Ajax.Request("index.php", {method: 'post', parameters: p, onSuccess:function(t){ur(t, i); mc(false);}});
}

function ur(t, i) {
	var n = 'day_' + i;
	var c = $(n);	
	c.innerHTML = t.responseText;		
}

function cnm(r) {
	var p = 'c=n&p2=' + $('ph3_serves').options[$('ph3_serves').selectedIndex].value;
	
	if (r == 0) {
		var d = '';

		var keys = srt.keys();
		var type = '';
		for (i = 0; i < keys.length; i++) {
			if ((keys[i] == 0) && (srt.get(keys[i]) == 1))
			{
				type = '0';
				break;
			}

			if (srt.get(keys[i]) == 1)
				type += (keys[i] + '_');
		}	

		p += ("&p0=" + type);
	    
		if (!$('ph1_day0').checked)
			d += '0_';
		if (!$('ph1_day1').checked)
			d += '1_';
		if (!$('ph1_day2').checked)
			d += '2_';
		if (!$('ph1_day3').checked)
			d += '3_';
		if (!$('ph1_day4').checked)
			d += '4_';
		if (!$('ph1_day5').checked)
			d += '5_';
		if (!$('ph1_day6').checked)
			d += '6_';
	
		if (d != '')
			p += ('&p1=' + d);
	} else {
		p += '&p0=0';
	}
					
	new Ajax.Request("index.php", {method: 'post', parameters: p, onSuccess:function(t){um(t); np(5);}});
}

function um(t) {
	var w = document.getElementById('wizCont');
	var m = document.getElementById('mmCont');
	w.removeChild(m);
	
	var n = document.createElement('div');
	n.id = 'mmCont';
	n.className = 'mmCont';
	n.innerHTML = t.responseText;
	w.appendChild(n);

	new Draggable('day_0', {constraint:'horizontal',revert:true,onStart:function(d,e){rb(d)}});
	new Draggable('day_1', {constraint:'horizontal',revert:true,onStart:function(d,e){rb(d)}});
	new Draggable('day_2', {constraint:'horizontal',revert:true,onStart:function(d,e){rb(d)}});
	new Draggable('day_3', {constraint:'horizontal',revert:true,onStart:function(d,e){rb(d)}});
	new Draggable('day_4', {constraint:'horizontal',revert:true,onStart:function(d,e){rb(d)}});
	new Draggable('day_5', {constraint:'horizontal',revert:true,onStart:function(d,e){rb(d)}});
	new Draggable('day_6', {constraint:'horizontal',revert:true,onStart:function(d,e){rb(d)}});

	Droppables.add('day_0', {hoverclass:'dcHov',overlap:'horizontal',onDrop:function(dg,dp,e){sd(dg,dp);}});
	Droppables.add('day_1', {hoverclass:'dcHov',overlap:'horizontal',onDrop:function(dg,dp,e){sd(dg,dp);}});
	Droppables.add('day_2', {hoverclass:'dcHov',overlap:'horizontal',onDrop:function(dg,dp,e){sd(dg,dp);}});
	Droppables.add('day_3', {hoverclass:'dcHov',overlap:'horizontal',onDrop:function(dg,dp,e){sd(dg,dp);}});
	Droppables.add('day_4', {hoverclass:'dcHov',overlap:'horizontal',onDrop:function(dg,dp,e){sd(dg,dp);}});
	Droppables.add('day_5', {hoverclass:'dcHov',overlap:'horizontal',onDrop:function(dg,dp,e){sd(dg,dp);}});
	Droppables.add('day_6', {hoverclass:'dcHov',overlap:'horizontal',onDrop:function(dg,dp,e){sd(dg,dp);}});

	mc(false);	
}

function rsp() {
	var mh = $('pn1').getHeight();

	if ($('pn2') != null) {
		var h = $('pn2').getHeight();
		if (h > mh)
			mh = h;
	}
	
	if ($('pn3') != null) {
		var h = $('pn3').getHeight();
		if (h > mh)
			mh = h;
	}

	mh += "px";										
	
	$('pn1').setStyle({height:mh});
	if ($('pn2') != null) $('pn2').setStyle({height:mh});
	if ($('pn3') != null) $('pn3').setStyle({height:mh});
}

function addRecipeType(typeId, typeName) {
	var s = "<span class='recipeTypeSelected' id='recipeTypeSelected" + typeId + "'><a href='#' onClick='removeRecipeType(" + typeId + ")'>" + typeName + "</a><a href='#' onClick='removeRecipeType(" + typeId + ")'><img src='/img/icons/x.gif' width=16 height=16 border=0 style='vertical-align:middle;' /></a></span>";

	$('recipeTypesSel').insert(s);
	srt.set(typeId, 1);
	
	$('recipeType' + typeId).hide();
	
	$('recipeTypeSelected0').hide();
	srt.set(0, 0);
}

function removeRecipeType(typeId) {
	if (typeId != 0) {
		$('recipeType' + typeId).show();		

		$('recipeTypeSelected' + typeId).remove();
		srt.set(typeId, 0);
	
		if ($('recipeTypesSel').childElements().length == 1) {
			$('recipeTypeSelected0').show();
			srt.set(0, 1);
		}
	}
}