// JavaScript Document
var mBrowserType='windows';
var  Robj;
function getRecipe(a,b)
{
	
	if(window.ActiveXObject)
	{		
		try 
		{
			
			Robj = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e) 
		{
			try 
			{
				Robj = new ActiveXObject("Microsoft.XMLHTTP");
			} 
			catch (E) 
			{
				Robj = false;
			}
		}
	}
	else
	{
		Robj = new XMLHttpRequest;
	}
	
	if(Robj)
	{
		
		//alert(c);
		Robj.onreadystatechange = setRecipe;
		var url = '/servlet/Recipe?DRRecipeTitle='+a+'&DRId='+b+'&dummy='+Math.random();
		//alert(url);
		//return;
		
		
		Robj.open('Get',url,true);
		if(window.ActiveXObject)
		{
			Robj.send();
		}
		else
		{
			Robj.send(null);
		}
	}		
}
function setRecipe()
{	
	if(Robj.readyState==4)
	{
		
		if(Robj.status==200)
		{
			var oneR = document.getElementById('one');
			oneR.innerHTML=' ';
			var right=document.getElementById('right');
			right.innerHTML=' ';
			var left=document.getElementById('left');
			left.innerHTML= ' ';
			var serverResponse = Robj.responseText.split('~');
			//alert("serverResponse"+serverResponse);
			var title = serverResponse[0];
			var ReqIng = serverResponse[1];
			
			var CookTime = serverResponse[2];
			var Pretime = serverResponse[3];
			var method = serverResponse[4];
			var serves = serverResponse[5];
			var otherIngre1=serverResponse[6];
			var spinst1=serverResponse[7];
			var servingmethod = serverResponse[8];
			var notsuitable=serverResponse[9];
			var image = serverResponse[10];
			var type = serverResponse[11];
			var id = serverResponse[12];
			var s=serverResponse[13];
			var pagename=serverResponse[14];
			var tt1 = ReqIng.split('^');
			var mm1 = method.split('^');	
			var otherIngre=otherIngre1.split('^');
			var spinst=spinst1.split('^');
			var summary=s.split('^');
			
			//alert(serverResponse);
			var table= '<div id="main"><table width="730" border="0" cellpadding="0" cellspacing="0">'+
							 '<tr>'+
							 
              '<td width="700" height="20" colspan="3" background="/image/Rimages/RecipeTopbar.gif" class="leftpanel"><a href="/servlet/SelectRecipeServlet"> Home </a>&raquo;&nbsp;Recipe Method &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/servlet/SelectRecipeServlet" >back</a></td>'+
             
			 '</tr>'+
							  '<tr>'+
                              '<td height="20" colspan="2" id="showC" align="right"><a class="centerText" href="javascript:void(0)" onclick="ShowComments()">Show Comments For This Recipe</a></td>'+
                              '</tr>'+							
													  
							'<tr>'+
						'<td height="60" colspan="2" ><table width="500" border="0" cellspacing="0" cellpadding="0">'+                       	'<tr>'+
								 '<td width="254" colspan="2" ><a title="'+title+'" href="javascript:void(0)" class="greentext" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"<strong>'+title+'</strong>"</a></td>'+
                                  '<td width="250 colspan="2" ><a title="'+type+'" href="javascript:void(0)" class="commontext">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[<img src="'+image+'" border="0"/>]</a></td>'+
                                '</tr>'+
                              '</table></td>'+
                              '</tr>';
							  
							  
							  
							  
							  
							  if(summary=="null")
									{
							  
							 table+= '<tr>'+
                              '<td  width="20"></td>'+
                              '<td ><table width="520" border="0" cellspacing="0" cellpadding="0">'+
                               '</tr>'+
								'<tr>'+
                                 //'<td class="bullet"></td>'+
                                  '<td colspan="2" width="500" class="commontext"></td>'+
								  '</tr>';
								 
							  }else{
							
							  table+='<tr>'+
							
                              '<td height="20" colspan="2" class="boldtext"><strong>&nbsp;&nbsp;&nbsp;Recipe Summary…</strong></td>'+
                              '</tr>'+
							'<tr>'+
                              '<td width="20"></td>'+
                              '<td width="20" height="15"><table width="520" border="0" cellspacing="0" cellpadding="0">';
                                for(var i=0;i<summary.length;i++){
								table+='<tr>'+
                                 //'<td class="bullet"></td>'+
                                  '<td width="500" class="commontext">'+summary[i]+'</td>'+
								  '</tr>'+
								  '<tr>'+
								  '<td height="5"></td>'+
								  '</tr>';
								}	}
                          
                           		table+='<tr>'+
								  '<td height="10"></td>'+
								  '</tr>';
							  if(CookTime=="null")
							  {
								table+='<tr> '+
								'<td height="15" colspan="2" class="commontext"></td>'+
								'</tr>';
							 }
                            else{
							table+=' <tr>'+
                              '<td height="15" colspan="2" class="commontext">Cooking time:<strong>'+CookTime+'</strong></td>'+
                              '</tr>';}
							
							  if(Pretime=="null")
							  {
								table+='<tr> '+
								'<td height="15" colspan="2" class="commontext"></td>'+
								'</tr>';		  
							  }
							  else{
							   table+='<tr>'+
                              '<td height="15" colspan="2" class="commontext">Preparation Time :<strong>'+Pretime+'.</strong></td>'+
                              '</tr>';}
							 
                            
							 if(serves=="null")
									{
										table+='<tr>'+
               							  ' <td width="15" class="bullet"></td>'+
              							   '<td height="15" class="commontext" colspan="2"></td>'+
              						   '</tr>';
									}else{
							 table+='<tr>'+
                              '<td height="15" colspan="2" class="commontext">Serves for: <strong>'+serves+'</strong></td>'+
                              '</tr>';}
							  
							  table+='<tr>'+
                              '<td height="20" colspan="2"></td>'+
                              '</tr>'+
							  
                            
                            '<tr>'+
							
                              '<td height="20" colspan="2" class="boldtext1">Required Ingredients…</td>'+
                              '</tr>'+
							   
							
                              '<td height="20" colspan="2"><table width="540" border="0" cellspacing="0" cellpadding="0">';
                                
								for(var i=0;i<tt1.length;i++){
								table+='<tr>'+
                                  '<td width="20"></td>'+
								  '<td width="500" class="commontext" class="commontext">'+tt1[i]+'</td>'+
                                '</tr>'+
								'<tr>'+
								  '<td height="5"></td>'+
								  '</tr>';
								}
                            table+='<tr>'+
                              '<td width=20></td>'+
                              '<td></td>'+
                            '</tr>';
							 if(otherIngre=="null")
									{
										table+='<tr>'+
               							  ' <td width="15" class="bullet"></td>'+
              							   '<td height="15" colspan="2" class="commontext"></td>'+
              						   '</tr>';
									}else{
								
							  table+='<tr>'+
							
                              '<td height="20" colspan="2" class="boldtext1">Other Required Ingredients…</td>'+
                              '</tr>'+
							'<tr>'+
                              '<td width="20"></td>'+
                              '<td width="20" height="15"><table width="520" border="0" cellspacing="0" cellpadding="0">';
                                for(var i=0;i<otherIngre.length;i++){
								table+='<tr>'+
                                 '<td width="20"></td>'+
                                  '<td width="500" class="commontext" class="commontext">'+otherIngre[i]+'</td>'+
								  '</tr>'+
								  '<tr>'+
								  '<td height="5"></td>'+
								  '</tr>';
								}	}
								table+='<tr>'+
                              '<td width=20></td>'+
                              '<td></td>'+
                            '</tr>'+
                            '<tr>'+
                              //'<td width="20"></td>'+
                              '<td width="150" colspan="2" class="boldtext1">Preperation method…</td>'+
                            '</tr>'+
                            '<tr>'+
                              '<td width="20"></td>'+
                              '<td width="20" height="15"><table width="540" border="0" cellspacing="0" cellpadding="0">';
                                for(var i=0;i<mm1.length;i++){
								table+='<tr>'+
                                  //' <td width="15" class="bullet"></td>'+
                                  '<td width="500" class="commontext">'+mm1[i]+'</td>'+
								  '</tr>'+
								  '<tr>'+
								  '<td height="5"></td>'+
								  '</tr>';
								}
                               table+='<tr>'+
                                  //'<td height="20" colspan="2"></td>'+
                                  '</tr>';
                                
								  if(servingmethod=="null")
									{
										table+='<tr>'+
               							  ' <td width="15" class="bullet"></td>'+
              							   '<td height="15" colspan="2" class="commontext"></td>'+
              						   '</tr>';
									}
										else{
                               table+='<tr>'+
                                  '<td height="15" colspan="2" class="boldtext1">Serving method…</td>'+
                                  '</tr>'+
							   '<tr>'+
                                   //' <td  class="bullet">&bull;</td>'+
                                  '<td height="15" class="commontext">'+servingmethod+'</td>'+
                                '</tr>';}
                              table+='</table></td>'+
							  
                            '</tr>';
							if(notsuitable=="null")
									{
										table+='<tr>'+
               							  ' <td width="15" class="bullet"></td>'+
              							   '<td height="15" class="commontext"></td>'+
              						   '</tr>';
									}
										else{
							 '<tr>'+
                              '<td height="15" colspan="2" class="boldtext1">Not Suitable for: </td>'+
                              '</tr>'+
							  '<tr>'+
                              '<td width="60" class="commontext">'+notsuitable+'</td>'+
                              '</tr>';}
							 table+='<tr></tr>';
							 if(spinst=="null")
									{
										table+='<tr>'+
               							  ' <td width="15" class="bullet"></td>'+
              							   '<td height="15" colspan="2" class="commontext"></td>'+
              						   '</tr>';
									}
										else{
							table+= '<tr>'+
							
                              '<td height="20" colspan="2" class="boldtext1">Special Instructions…</td>'+
                              '</tr>'+
							'<tr>'+
                              '<td width="20"></td>'+
                              '<td height="15"><table width="520" border="0" cellspacing="0" cellpadding="0">';
                                for(var i=0;i<spinst.length;i++){
								table+='<tr>'+
                                 // ' <td width="15" class="bullet"></td>'+
                                  '<td width="500" class="commontext">'+spinst[i]+'</td>'+
								  '</tr>'+
								  '<tr>'+
								  '<td height="5"></td>'+
								  '</tr>';
								}}	
                            table+='<tr>'+
                              '<td width="20"></td>'+
                              '<td width="520" height="20"></td>'+
                            '</tr>'+
                          '</table></td>'+
                          '<td width="20"></td>'+
						  '</tr>'+
						 
                      '</table></div>';					  
					  oneR.innerHTML=table;	
					  
				var Left='<p></p><div id="comm"><table width="180" height="50" border="0" cellspacing="0" cellpadding="0" class="borderRecipeBox">'+
              
			  '<tr>'+
                '<td width="10"></td>'+
                '<td width="21"></td>'+
                '<td width="139"></td>'+
                '<td width="10"></td>'+
              '</tr>'+
              '<tr>'+
                '<td width="10"></td>'+
                '<td width="15" height="15" align="center"><img src="/image/Rimages/check-mark.gif" width="15" height="10" /></td>'+
                '<td width="139"><a href="javascript:void(0)" class="boldUnderline" onclick="InsertComments()">Add Your Comments </a></td>'+
                '<td width="10"></td>'+
              '</tr>'+
              '<tr>'+
                '<td width="10"></td>'+
                '<td></td>'+
                '<td width="139"></td>'+
                '<td width="10"></td>'+
              '</tr>'+
            '</table>'+
			'<p></p><div id ="commentsbox" style="display:none"><table width="180" border="0" cellspacing="0" cellpadding="0" class="borderRecipeBox">'+
			'<tr>'+
			'<td height="10"></td>'+
			'</tr>'+
  '<tr>'+
    '<td width="10" height="25"></td>'+
    '<td width="60" height="25">Name</td>'+
    '<td width="100" height="25"><input type="text" size="15" id="Commentname" name="Commentname"/></td>'+
    '<td width="10" height="25"></td>'+
  '</tr>'+
  '<tr>'+
    '<td width="10" height="25"></td>'+
    '<td width="60" height="25">Comments</td>'+
    '<td width="100" height="25"><textarea name="CommentText" id="CommentText" cols="10"></textarea></td>'+
    '<td width="10" height="25"></td>'+
  '</tr>'+
  '<tr>'+
    '<td width="10" height="25"></td>'+
    '<td height="25" colspan="2" align="right"><a href="javascript:void(0)" onclick="CommentRecipe()"><img border="0" src="/image/Rimages/SubmitButton.gif" width="55" height="20" /></a></td>'+
    '<td width="10" height="25"></td>'+
  '</tr>'+
  '<tr>'+
                              '<td id="idComment" name="idComment" style="display:none">'+id+'</td>'+
                              '<td id = "TitleComment" name="TitleComment" style="display:none">'+title+'</td>'+
                            '</tr>'
'</table></div>';

			left.innerHTML=Left;		  		
		}
	}	
}