index.html

<!DOCTYPE html>
<html>
<head>
<title>The Kitchen Navigator | cooking assistant</title>
<meta name="keywords" content="recipes, kitchen, cooking">	
<meta charset="utf-8" name="The Kitchen Navigator" content="cooking assistant">
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="Jscripts/jquery.min.js"></script>
<script src="Jscripts/speech.js"></script>
<script src="Jscripts/slides.min.jquery.js"></script>

<style>
.center
{
margin:auto;
width:1000px;
}
</style>
<script type="text/javascript">
function top1func()
{
var titl = "Ramen";
var steps = "<ul><li>Step One : Bring two cups of water to a boil</li><li>Step Two : Put the Ramen in the boiling water</li></ul>";
var ttt = "Total time : 10 minutes";
document.getElementById("Recipename").innerHTML = titl;
document.getElementById("steps").innerHTML = steps;
document.getElementById("time").innerHTML = ttt;
document.getElementById("results").scrollIntoView();
//var btn = document.getElementById("buttons").createElement("BUTTON");
//var t = document.getElementById("buttons").createTextNode("Start Voice Functions");
//btn.appendChild(t);
//document.getElementById("buttons").appendChild(btn);
}

function top2func()
{
var titl = "Hot Dogs";
var steps = "<ul><li>Step One : Bring two cups of water to a boil</li><li>Step Two : Put the Ramen in the boiling water</li></ul>";
var ttt = "Total time : 10 minutes";
document.getElementById("Recipename").innerHTML = titl;
document.getElementById("steps").innerHTML = steps;
document.getElementById("time").innerHTML = ttt;
document.getElementById("results").scrollIntoView();
//var btn = document.getElementById("buttons").createElement("BUTTON");
//var t = document.getElementById("buttons").createTextNode("Start Voice Functions");
//btn.appendChild(t);
//document.getElementById("buttons").appendChild(btn);
}

function top3func()
{
var titl = "Cheese Omelettes";
var steps = "<ul><li>Step One : Bring two cups of water to a boil</li><li>Step Two : Put the Ramen in the boiling water</li></ul>";
var ttt = "Total time : 10 minutes";
document.getElementById("Recipename").innerHTML = titl;
document.getElementById("steps").innerHTML = steps;
document.getElementById("time").innerHTML = ttt;
document.getElementById("results").scrollIntoView();
//var btn = document.getElementById("buttons").createElement("BUTTON");
//var t = document.getElementById("buttons").createTextNode("Start Voice Functions");
//btn.appendChild(t);
//document.getElementById("buttons").appendChild(btn);
}

function top4func()
{
var titl = "French Onion Soup";
var steps = "<ul><li>Step One : Bring two cups of water to a boil</li><li>Step Two : Put the Ramen in the boiling water</li></ul>";
var ttt = "Total time : 10 minutes";
document.getElementById("Recipename").innerHTML = titl;
document.getElementById("steps").innerHTML = steps;
document.getElementById("time").innerHTML = ttt;
document.getElementById("results").scrollIntoView();
//var btn = document.getElementById("buttons").createElement("BUTTON");
//var t = document.getElementById("buttons").createTextNode("Start Voice Functions");
//btn.appendChild(t);
//document.getElementById("buttons").appendChild(btn);
}

function top5func()
{
var titl = "Ready to Eat Meals";
var steps = "<ul><li>Step One : Bring two cups of water to a boil</li><li>Step Two : Put the Ramen in the boiling water</li></ul>";
var ttt = "Total time : 10 minutes";
document.getElementById("Recipename").innerHTML = titl;
document.getElementById("steps").innerHTML = steps;
document.getElementById("time").innerHTML = ttt;
document.getElementById("results").scrollIntoView();
//var btn = document.getElementById("buttons").createElement("BUTTON");
//var t = document.getElementById("buttons").createTextNode("Start Voice Functions");
//btn.appendChild(t);
//document.getElementById("buttons").appendChild(btn);
}

</script>
<script type="text/javascript">
function searchfunc()
{

var z=document.getElementById("rname");
var y=z.value;
var xmlhttp;
var txt,i,x;
// document.getElementById("pdebug").innerHTML=y;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

	xmlhttp.onreadystatechange=function()
	{
	  if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
//			x=xmlDoc.getElementsByTagName('y');
//			for (i=0;i<x.length;i++)
//  			{
//  			txt=txt + x[i].childNodes[0].nodeValue + "<br>";
//  			}
//			xmlDoc=xmlhttp.responseXML;
//			var foundin = $(":contains(" + y + ")", txt);

//			xmlDoc=xmlhttp.responseXML;
//			txt="";
//			x=xmlDoc.getElementsByTagName("rating");
//			for (i=0;i<x.length;i++)
//			{
//			txt=txt + x[i].childNodes[0].nodeValue + "<br>";
//			}


			
/*		var i=txt.split("|");
		document.getElementById("title").innerHTML=i[0];
		document.getElementById("steps").innerHTML=i[1];
		document.getElementById("time").innerHTML=i[2];
//		document.getElementById("plot_simple").innerHTML=i[3];
//			document.getElementById("actors").innerHTML=i;
//			document.getElementById("directors").innerHTML=i;
//		document.getElementById("year").innerHTML=i[4];
//		var post=i[5];
//		document.getElementById("poster").src=post;
*/
	x=xmlhttp.responseXML.getElementsByTagName("Recipe")[0];
	y=x.childNodes[0];
//                      for (i=0;i<x.length;i++)
//                      {
//                      txt=txt + x[i].childNodes[0].nodeValue + "<br>";
//                      }
	txt=y.nodeValue + "<br>";
	document.getElementById("resultz").innerHTML=txt;
//	document.getElementById("resultz").innerHTML=xmlhttp.responseXML.getElementsByTagName("Recipe")[0];
		}

//	document.getElementById("resultz").scrollIntoView();

	}	

xmlhttp.open("GET","./recipes/recipes.xml",true);
xmlhttp.send();
}


</script>
<style type="text/css">
.slides_container {

                        width:1000px;

                        height:400px

                        display:none;

                }



                .slides_container div {

                        width:1000px;

                        height:400px;

                        display:block;

                }
</style>
        <script>
                $(function(){
                        $('#slides').slides({
                                preload: false,
                                preloadImage: 'images/new_recep.jpg',
                                play: 4000,
                                pause:500,
                                generatePagination: false

                        });
                });
        </script>
</head>
<body>
	<div id="header">
			<div id="logo" style="position:relative;">
				<a href="index.html"><img class="bottom"src="images/cook.png"  style="position:absolute; bottom:0; "height="190px" width="333px"alt="" /></a>			
			</div>	
                        <!--div id="logo1" style="position:relative;">
                                <a href="contact.html"><img src="images/new_logo.jpg"  style="position:absolute; bottom:0;" height="100px" width="350px"alt="" /></a>                        
                        </div-->	
			<!--ul>
				<li class="selected"><a href="index.html"><span>home</span></a></li>
				<li><a href="services.html"><span>Recipes</span></a></li>
				<li><a href="test2.php"><span>Settings</span></a></li>
				<li><a href="contact.html"><span>contact us</span></a></li>			
			</ul-->
			
	</div>
	<div id="body">
		<div class="header">
			<div id="slides">
                		<center><div class="slides_container">
                        	<div>
                        	<img src="images/11.jpg" style="position:relative; height=400px; width=1000px">
                        	</div>
                        	<div>
                         	<img src="images/22.jpg" width="1000" height="400" >
                         	</div>
                        	<div>
                         	<img src="images/33.jpg" width="1000" height="400" >
                        	</div>
                        	<div>
                        	<img src="images/44.jpg" width="1000" height="400" >
                        	</div>

			</div></center>
	
		<div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="section">
				<h3><a href="serv.html">Top Recipes</a></h3>	
				<ul>
					<li><a href id="recipelink" mval="Ramen">Ramen Noodles</a></li>
         				<li><a href id="recipelink" mval="Hot Dogs">Hot Dogs</a></li>
         				<li><a href onclick="top3func(); return false;" >Cheese Omelletes</a></li>
         				<li><a href onclick="top4func(); return false;" >French Onion Soup</a></li>
         				<li><a href onclick="top5func(); return false;" >Ready to eat meals</a></li>
         				<!--li><a href ="serviceim.html" >Implants</a></li>
         				<li><a href ="servicesp.html" >Scaling and Polishing</a></li>
         				<li><a href ="servicedt.html" >Dentures - Partial/Full</a></li>
         				<li><a href ="servicevn.html" >Veneers</a></li>
         				<li><a href ="servicetc.html" >Tooth Colored Fillings</a></li>
         				<li><a href ="servicemc.html" >Metal-free Crowns</a></li>
         				<li><a href ="servicewr.html" >Wisdom Tooth Removal</a></li>
         				<li><a href ="serviceor.html" >Wires and Braces</a></li-->
				</ul>	
			</div>
		<div class="featured">
			<ul>
				<li>
					<h3>Search Recipes</h3>	
<!--div id="tfheader">
		<form id="tfnewsearch" method="get" action="http://www.google.com">
		        <input type="text" id="tfq" class="tftextinput2" name="q" size="21" maxlength="120" value="Search our website"><input type="submit" value=">" class="tfbutton2">
		</form>
		<div class="tfclear"></div>
	</div-->

<form name="searchbox" onsubmit="searchfunc(); return false;" autocomplete="on">
        <input type="text" id="rname" size="50" style="background-color:white;"/>
        <!-- input type="button" id="btnSearch" onclick="searchfunc();" src="./images/search_b.jpeg"/ -->
        </form>


</li>				<li>
					<h3>Your Recipe:</h3>
					<p id="resultz"></p>
					<!--p>We practice strict sterilization protocal as recommended under IDA guidelines. We autoclave (steam sterilize) our hand pieces (drill) and all other instruments. Those few items, which cannot be autoclaved are disposed off. all surfaces in the treatment room are cleaned and disinfected. We follow a four tier sterilization protocol</p><br>
<p><img src="./images/t1.jpg"width="100" height="105" >All the instruments are scrubbed thoroughly with isopropyl alcohol swabs to remove any attached debris.</p><br>
<br>
<br>
<p><img src="./images/t2.jpg"width="100" height="105" >Antiseptic dip: After use the instruments from each patient are saturated solution of an antiseptic for at least 12 hours.</p><br>
<br>
<br>
<p><img src="./images/t3.jpg"width="100" height="105" >Dried instruments are then packed in sterilization pouches (eco friendly reusable and not plastic) and sterilized using an Autoclave. This is a high pressured steam chamber where instruments are placed at a specified temperature to kill all the micro organisms including their spores.</p><br>
<p><img src="./images/t4.jpg"width="100" height="105" >Antiseptic dip: After use the instruments from each patient are saturated solution of an antiseptic for at least 12 hours.</p><br-->
				<div id="results"  style="width:1000px;" class="center">
		<!-- div id="m_poster" style="float:left"-->
		<table style="padding:10px">
		<tbody>
		<tr>
		<td width="300px">
		<p id="Recipename"></p>
		<br>
		<p id="Recipeingredients"></p>
		<p id="listenstatus"></p>
		</td>

		<td width="300px">
		<p id="steps"></p>
		<p id="time"></p>
		<p id="buttons"></p>
		</td>
		</tr>
		</tbody>
		</table>
</div>
				</li>
				<!--li>
					<h3>For Free Advice:</h3>
					<p>Write a message on the testimonials page with your queries</p>
				</li-->
			</ul>		
		</div>
		<!--div class="section">
			<h3>Testimonials</h3>	
			<ul class="news">
				<li>
					<p>"Dr. Singh has a big butt and I like it." - Anonymous</p>			
				</li>		
				<li>
					<p>"The equipment here tastes like stale paan and I love it" - Ram charan</p>				
				</li>	
				<li>
					<p>"Daktar Sahab bahot badhiya insaan hain"- Asharam</p>							
				</li>		
				<li>
					<p>"Meri maano aur kisi achche Doctor ko dikha lo, inke chakkar mein mat pado" - Hot_Tina91</p>
				</li>
				<li>
					<p>"Best nimbu pani in town, right behind the clinic, must try." - Jaskaran</p>				
				</li>
			</ul>	
		</div>
		</div>
	</div-->
	<div id="footer">
		<!--div>
			<div>
				<h3></h3>
				<ul>
					<li>+91-9711928585 mobile</li>				
					<li>011-26118002 clinic</li>
				</ul>			
			</div>		
			<div>
				<h3>Kalkaji</h3>
				<ul>
					<li>+91-9711528585 mobile</li>				
				</ul>			
			</div>	
                        <div>
                                <ul>
                                        <li>Click <a href="Perfect32_Brochure.pdf"><span>here</span></a> to Download our Brochure</li>
                                </ul>
                        </div-->
			<div>
				<h3>follow us on facebook:</h3>
				<a class="facebook" href="https://www.facebook.com/" target="_blank">facebook</a>		
			</div>	
		</div>
		<div>
			<p>&copy Copyright 2015. All rights reserved</p>
		</div>
	</div>
<script src="Jscripts/recipeparser.js"></script>
</body>
</html>