var arrayMRName = [];
var arrayMRid = [];
var arrayMRimage = [];
var arrayMRdecscipt = [];
				
var arraySR1_Name = [];
var arraySR1_id = [];
var arraySR1_image = [];
var arraySR1_decscipt = [];
				
var arraySR2_Name = [];
var arraySR2_id = [];
var arraySR2_image = [];
var arraySR2_decscipt = [];

//var currentRecipe = 0;
var recDir = "intial";

if(navigator.appName == "Microsoft Internet Explorer"){
    ie = true;
    cname = 'className';
} else {
	cname = 'class';
	ie = false;
}

var myDays=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
today=new Date();
thisDay=today.getDay();
myDay=myDays[thisDay];
var currentRecipe = thisDay-1;
var currentNumber = 0;


/*********************************** UPDATE Home Page REcipe Feature Section*****************************************************/
var RecipeFeatureObject = {

	handleSuccess:function(k){
		
		this.removeLoaders('loaderdiv2');
		this.processResult(k);
	},

	handleFailure:function(k){

	},

	processResult:function(k){
		this.parseRecFeature(k);
	},
	
	
	// parse and then display the data
	parseRecFeature:function(k) {
		
		var myXMLTags = ["MainRecipe", "subRecipe_01", "subRecipe_02"];
		
		var xFragment = document.createDocumentFragment();
		
		for (var x = 0; x < myXMLTags.length; x++) {
			var myTag = k.responseXML.getElementsByTagName(myXMLTags[x]);
			var items = myTag[0].getElementsByTagName("Name");
			/*********** start loop ****************************************/
			//loop throught each item in xml to diplay
			
			for (var i = 0; i < items.length; i++) {
				switch (myXMLTags[x]) {
					
					case "MainRecipe":
						
						arrayMRName.push(items[i].getAttribute("title"));
						arrayMRid.push(items[i].getAttribute("ID"));
						if(items[i].getAttribute("image") == 'null'){
							arrayMRimage.push("images/hm_featured_menu/hm_blank.jpg");
						} else {
							arrayMRimage.push(items[i].getAttribute("image"));
						}
						arrayMRdecscipt.push(items[i].firstChild.nodeValue);
						
						
					break;
					case "subRecipe_01":
					
						if(items[i].firstChild.nodeValue == 'null'){
							arraySR1_Name.push("");
							arraySR1_id.push("");
							arraySR1_image.push("images/hm_featured_menu/sm_blank.jpg");
							arraySR1_decscipt.push("");
						} else {
							arraySR1_Name.push(items[i].getAttribute("title"));
							arraySR1_id.push(items[i].getAttribute("ID"));
							arraySR1_image.push(items[i].getAttribute("image"));
							arraySR1_decscipt.push(items[i].firstChild.nodeValue);
						}

					break;
					case "subRecipe_02":
						if(items[i].firstChild.nodeValue == 'null'){
							arraySR2_Name.push("");
							arraySR2_id.push("");
							arraySR2_image.push("images/hm_featured_menu/sm_blank.jpg");
							arraySR2_decscipt.push("");
						} else {
							arraySR2_Name.push(items[i].getAttribute("title"));
							arraySR2_id.push(items[i].getAttribute("ID"));
							arraySR2_image.push(items[i].getAttribute("image"));
							arraySR2_decscipt.push(items[i].firstChild.nodeValue);
						}
						
					break;
				}
			}
		}
	
		
		refreshRecipe();
		
	},
	
	//loading graphic
	loader:function(){

			var loadFragment = document.createDocumentFragment('t');
			var xdivContainer = document.createElement("div");
			var xdivContent = document.createElement("div");
			//give container div a css class
			xdivContainer.id = "loaderdiv2";	
			var loadTxt = document.createElement("p");
			loadTxt.appendChild(document.createTextNode("Loading Featured Recipes"));
			
			xdivContent.appendChild(loadTxt);
			
			var loadImg = document.createElement("img");
			loadImg.src = "images/common/loader.gif";
			xdivContent.appendChild(loadImg);
			//append content to container
			xdivContainer.appendChild(xdivContent);
			//append container to doc object
			loadFragment.appendChild(xdivContainer);
			
			var loadBody = document.getElementById('recHolder');
				//alert(loadBody);
			loadBody.appendChild(loadFragment);

	},
	
		// remove loading grpahuic from the current list
	removeLoaders:function (divNum) {
			var d = document.getElementById('recHolder');
			var olddiv = document.getElementById(divNum);
			d.removeChild(olddiv);	
			
	},
	
	startRequest:function(myURL) {
		this.loader();
	    YAHOO.util.Connect.asyncRequest("GET", myURL, RecipeFeatureCallBack);
	}

};

var RecipeFeatureCallBack =
{
	success:RecipeFeatureObject.handleSuccess,
	failure:RecipeFeatureObject.handleFailure,
	scope: RecipeFeatureObject
};


function getNextRecipe(){
    if (currentRecipe >= arrayMRName.length-1){
	    currentRecipe = 0;
	} else {
	    currentRecipe=currentRecipe+1
	}

	if (currentNumber >= arrayMRName.length-1){
	    currentNumber = 0
	} else {
	    currentNumber=currentNumber+1
	}

	return(currentRecipe);
};

function getPreRecipe(){
    if (currentRecipe <= 0){
	    currentRecipe = arrayMRName.length-1
	} else {
	    currentRecipe=currentRecipe-1
	}
	
	if (currentNumber <= 0){
	    currentNumber = arrayMRName.length-1
	} else {
	    currentNumber=currentNumber-1
	}

	return(currentRecipe);
};

function RECupdateFWD(){
	recDir = 'forward';
    refreshRecipe();
};
	
function RECupdateBack(){
	recDir = 'backward';
    refreshRecipe();
};

function updateNum(){
	mycurrentDay = myDay;
	c = currentNumber+1;
	myAmnt = c + " of " + arrayMRName.length ;
	var newLink = document.createElement("li");
	newLink.appendChild(document.createTextNode(myAmnt));
	newLink.id = "amount";
	newLink.className = "amount";
	var oldDiv = document.getElementById("amount");
	var parentl = oldDiv.parentNode;
	parentl.replaceChild(newLink, oldDiv);
};
		
function refreshRecipe(){
			
		var $U=YAHOO.util;
		var $E=$U.Event;
		var $D=$U.Dom;
		var $C=$U.CustomEvent;
		
		if (recDir == 'backward'){
			newRecipe= getPreRecipe();
		} else if (recDir == 'intial'){
			if(currentRecipe == -1){        //Sunday
			    currentRecipe = 0
			}
			newRecipe = currentRecipe;
		} else {
			newRecipe= getNextRecipe();
		}

		recDir = 'forward';
		
		var MRName = arrayMRName[newRecipe];
		var MRid = arrayMRid[newRecipe];


		var MRimage = arrayMRimage[newRecipe];
		var MRdecscipt = arrayMRdecscipt[newRecipe];
		
		var SR1_Name = arraySR1_Name[newRecipe];
		var SR1_id = arraySR1_id[newRecipe];
		var SR1_image = arraySR1_image[newRecipe];
		var SR1_decscipt = arraySR1_decscipt[newRecipe];
				
		var SR2_Name = arraySR2_Name[newRecipe];
		var SR2_id = arraySR2_id[newRecipe];
		var SR2_image = arraySR2_image[newRecipe];
		var SR2_decscipt = arraySR2_decscipt[newRecipe];

		/*************************** Build Main Featured Recipe **********************************************/
				newDiv = document.createElement("div");
				newDiv.id = "recHolder";
				//create the container div
				divContainer = document.createElement("div");
				divContainer.id = "hm_leftSideTop";
				divContainer.style.backgroundImage = "url('" + MRimage + "')";
				var aLink = document.createElement("a");
				aLink.href = "Cookbook.aspx?rid=" + MRid;
				aLink.className = 'featuredLink';
				divContainer.appendChild(aLink);
				newDiv.appendChild(divContainer);

				
				
				/***********************end***************************************************************/
				
				/********************** BUILD RECIPE BOX TITLE ********************************************/
				//create the container div
				var divContainer = document.createElement("div");
				var divContent = document.createElement("div");
				//give container div a css class
				divContainer.id = "hm_recipesBoxTitle";
				
				var pTitle = document.createElement("h2");
				pTitle.appendChild(document.createTextNode("Recommended Sides"));
				divContent.appendChild(pTitle);
				
				//append content to container
				divContainer.appendChild(divContent);
				//append container to doc object
				newDiv.appendChild(divContainer);
				
				
				/*************************** Build Sub Recipe 1**********************************************/
				//create the container div
				var divContainer = document.createElement("div");
				var divContent = document.createElement("div");
				//give container div a css class
				divContainer.id = "hm_recipesBox";	
				
				var Subimg = document.createElement("img");
				Subimg.className = "recipepic";
				
				Subimg.src = SR1_image;
				divContent.appendChild(Subimg);
				
				var pTitle = document.createElement("h2");
				pTitle.appendChild(document.createTextNode(SR1_Name));
				divContent.appendChild(pTitle);
				
				var pDescript = document.createElement("p");
				pDescript.appendChild(document.createTextNode(SR1_decscipt));
				divContent.appendChild(pDescript);

										
				var pLink = document.createElement("p");
				var aLink = document.createElement("a");
				aLink.href = "Cookbook.aspx?rid=" + SR1_id;
				aLink.appendChild(document.createTextNode("Get This Recipe "));
				pLink.appendChild(aLink);
				
				var imgLink = document.createElement("img");
				imgLink.src = "images/hm_recipeBox/grey_arrow.gif"
				pLink.appendChild(imgLink);
				
				divContent.appendChild(pLink);
				

				//append content to container
				divContainer.appendChild(divContent);
				//append container to doc object
				newDiv.appendChild(divContainer);

				/***********************end***************************************************************/
				
								/*************************** Build Sub Recipe 2**********************************************/
				//create the container div
				var divContainer = document.createElement("div");
				var divContent = document.createElement("div");
				//give container div a css class
				divContainer.id = "hm_recipesBox";	
				
				var Subimg = document.createElement("img");
				Subimg.className = "recipepic";
				
				Subimg.src = SR2_image;
				divContent.appendChild(Subimg);
				
				var pTitle = document.createElement("h2");
				pTitle.appendChild(document.createTextNode(SR2_Name));
				divContent.appendChild(pTitle);
				
				var pDescript = document.createElement("p");
				pDescript.appendChild(document.createTextNode(SR2_decscipt));
				divContent.appendChild(pDescript);

										
				var pLink = document.createElement("p");
				var aLink = document.createElement("a");
				aLink.href = "Cookbook.aspx?rid=" + SR2_id;
				
				aLink.appendChild(document.createTextNode("Get This Recipe "));
				pLink.appendChild(aLink);
				
				var imgLink = document.createElement("img");
				imgLink.src = "images/hm_recipeBox/grey_arrow.gif"
				pLink.appendChild(imgLink);
				
				divContent.appendChild(pLink);
				

				//append content to container
				divContainer.appendChild(divContent);
				//append container to doc object
				newDiv.appendChild(divContainer);
				
				/***********************end***************************************************************/

		var oldDiv = document.getElementById("recHolder");
		var parentDiv = oldDiv.parentNode;
		//var collapseAnim2 = new YAHOO.util.Anim(parentDiv, { opacity: {to: 30} }, 0.2 );
		this.RecfadeIn=new YAHOO.util.Anim(parentDiv,{opacity:{from:0,to:0.99}},1.0);
		this.RecfadeIn.onStart.subscribe(function(){
									   
									  }
		);
		if(this.RecfadeIn&&this.RecfadeIn.isAnimated()){
			this.RecfadeIn.stop();
		}
		if(this.RecfadeOut&&this.RecfadeOut.isAnimated()){
			this.RecfadeOut.stop();
		}

		this.RecfadeOut=new YAHOO.util.Anim(parentDiv,{opacity:{from:0.99,to:0}},1.0);
		this.RecfadeOut.onStart.subscribe(function(){
									
									}
		);
		this.RecfadeOut.onComplete.subscribe(function(){
											
											parentDiv.replaceChild(newDiv, oldDiv);
											updateNum();
											RecfadeIn.animate();
											
										   }
		);
		this.RecfadeOut.animate();
		
};