(function() {

var slideSpeed = 20;
var slideInterval = 0;

var currentPage = null;
var currentDialog = null;
var currentWidth = 0;
var currentHash = location.hash;
var hashPrefix = "#_";
var pageHistory = [];
var newPageCount = 0;
var checkTimer;

// *************************************************************************************************

window.iui =
{
    showPage: function(page, backwards)
    {
        if (page)
        {
            if (currentDialog)
            {
                currentDialog.removeAttribute("selected");
                currentDialog = null;
            }

            if (hasClass(page, "dialog"))
                showDialog(page);
            else
            {
                var fromPage = currentPage;
                currentPage = page;

								/* Photo */	
								if (hasClass(page, "photoPanel")) 
								  document.body.setAttribute("photo", "true");
								else 
								  document.body.removeAttribute("photo");

                if (fromPage)
                    setTimeout(slidePages, 0, fromPage, page, backwards);
                else
                    updatePage(page, fromPage);
            }
        }
    },

    showPageById: function(pageId)
    {
        var page = $(pageId);
        if (page)
        {
            var index = pageHistory.indexOf(pageId);
            var backwards = index != -1;
            if (backwards)
                pageHistory.splice(index, pageHistory.length);

            iui.showPage(page, backwards);
        }
    },

    showPageByHref: function(href, args, method, replace, cb)
    {
        var req = new XMLHttpRequest();
        req.onerror = function()
        {
            if (cb)
                cb(false);
        };
        
        req.onreadystatechange = function()
        {
            if (req.readyState == 4)
            {
                if (replace && method == null)
                    replaceElementWithSource(replace, req.responseText);
                else if (replace){
                    replaceNamedElementWithSource(replace, req.responseText); 
					method = null;
				}
                else
                {
                    var frag = document.createElement("div");
                    frag.innerHTML = req.responseText;
                    iui.insertPages(frag.childNodes);
                }
                if (cb)
                    setTimeout(cb, 1000, true);
            }
        };

        if (args)
        {
            req.open(method || "GET", href, true);
            req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            req.setRequestHeader("Content-Length", args.length);
            req.send(args.join("&"));
        }
        else
        {
            req.open(method || "GET", href, true);
            req.send(null);
        }
    },
    
    insertPages: function(nodes)
    {
        var targetPage;
        for (var i = 0; i < nodes.length; ++i)
        {
            var child = nodes[i];
            if (child.nodeType == 1)
            {
                if (!child.id)
                    child.id = "__" + (++newPageCount) + "__";

                var clone = $(child.id);
                if (clone)
                    clone.parentNode.replaceChild(child, clone);
                else
                    document.body.appendChild(child);

                if (child.getAttribute("selected") == "true" || !targetPage)
                    targetPage = child;
                
                --i;
            }
        }

        if (targetPage)
            iui.showPage(targetPage);    
    }, 

    getSelectedPage: function()
    {
        for (var child = document.body.firstChild; child; child = child.nextSibling)
        {
            if (child.nodeType == 1 && child.getAttribute("selected") == "true")
                return child;
        }    
    }    
};

// *************************************************************************************************


addEventListener("load", function(event)
{
    var page = iui.getSelectedPage();
    if (page)
        iui.showPage(page);

    setTimeout(preloadImages, 0);
    setTimeout(checkOrientAndLocation, 0);
    checkTimer = setInterval(checkOrientAndLocation, 300);
}, false);

addEventListener("unload", function(event)
{
        return;
}, false);
    
addEventListener("click", function(event)
{
//	alert( findParent(event.target, "a").id + " is the id of parent detected." +  event.target);	
    var link = findParent(event.target, "a");
    if (link)
    {
        function unselect() { link.removeAttribute("selected"); }
        
	    if (link.getAttribute("rectoadd") && (link == $("cbadd") || link == $("gladd") ) ) 
	    {
	       setCookie(link.id, link.getAttribute("rectoadd"), 2);    
	    }

        if (link.href && link.hash && link.hash != "#")
        {
            link.setAttribute("selected", "true");
            iui.showPage($(link.hash.substr(1)));
            setTimeout(unselect, 500);
        }
        else if (link == $("backButton") && pageHistory.length>1)
            history.back();
        else if (link.getAttribute("type") == "submit"){
            submitForm(findParent(link, "form"));
        //    link.setAttribute("selected", "progress");
		}	
        else if (link.getAttribute("type") == "cancel"){
            cancelDialog(findParent(link, "form"));
		}
        else if (link.target == "_replace")
        {
            link.setAttribute("selected", "progress");
            iui.showPageByHref(link.href, null, null, link, unselect);
        }
        else if (link.target == "_replaceinner") //  && link.id != "")
        {
			// var thisdiv = findParent(event.target, "div");
		  
            link.setAttribute("selected", "progress");
            iui.showPageByHref(link.href, null, link, link, unselect);
        }
        else if (!link.target)
        {
            link.setAttribute("selected", "progress");
            iui.showPageByHref(link.href, null, null, null, unselect);
        }
        else
            return;
        
        event.preventDefault();        
    }
}, true);

addEventListener("click", function(event)
{
    var div = findParent(event.target, "div");
    if (div && hasClass(div, "toggle"))
    {
        div.setAttribute("toggled", div.getAttribute("toggled") != "true");
        event.preventDefault();        
    }
	
    else if (div && hasClass(div, "revit"))
    {
		var urevfrm = document.getElementById("urev");
		var urevimg = document.getElementById("rateimg");
/*		if(urevfrm.rating.value <= 1)
			urevfrm.rating.value = 5;
		else */
		if(urevfrm.rating.value >= 5)
			urevfrm.rating.value = 1;
		else if(div.getAttribute("updown") == "down" && urevfrm.rating.value > 1)
			urevfrm.rating.value--;
		else if(div.getAttribute("updown") == "up" && urevfrm.rating.value < 5)
			urevfrm.rating.value++;
        urevimg.setAttribute("src", "/gx/fork-"+urevfrm.rating.value+".gif" );
        event.preventDefault();        
    }

    else if (div && hasClass(div, "pickit"))
    {
		var ingr = new Array();
		if(div.id.indexOf("r") != -1){  // if we are on a recipe, we have to do the sec,alp,toG
			ingr = div.id.split("r");
		}
		else {  // if we are on a single, we do it
			ingr[1] = div.id;
		}
	    var pick2 = document.getElementById(ingr[1]);
		setCookie("pkd"+ingr[1],pick2.getAttribute("picked") != "true", "22");
        pick2.setAttribute("picked", pick2.getAttribute("picked") != "true");
		//	    console.log(pick2.id + " sec,alp,toG id picked attr set to: " + pick2.getAttribute("picked"));
		
		var rtit = document.getElementById("byRecipe");
		var temparr = rtit.getAttribute("title");
		var ritms = temparr.split("|");
		for (var i=0; i<ritms.length; i++) {
			if(ritms[i].indexOf("r"+ingr[1]) != -1){
				var r_ing = ritms[i].split("r");
			    var pick = document.getElementById(ritms[i]);
		        pick.setAttribute("picked", pick.getAttribute("picked") != "true");
			//    console.log(pick.id + " id picked attr set to: " + pick.getAttribute("picked"));
			}
		}
        event.preventDefault();        
    }

}, true);

function checkOrientAndLocation()
{
    if (window.innerWidth != currentWidth)
    {   
        currentWidth = window.innerWidth;
        var orient = currentWidth == 320 ? "profile" : "landscape";
        document.body.setAttribute("orient", orient);
        setTimeout(scrollTo, 100, 0, 1);
    }

    if (location.hash != currentHash)
    {
        var pageId = location.hash.substr(hashPrefix.length)
        iui.showPageById(pageId);
    }
}

function showDialog(page)
{
    currentDialog = page;
    page.setAttribute("selected", "true");
    
    if (hasClass(page, "dialog") && !page.target)
        showForm(page);
}

function showForm(form)
{
    form.onsubmit = function(event)
    {
        event.preventDefault();
        submitForm(form);
    };
    
    form.onclick = function(event)
    {
        if (event.target == form && hasClass(form, "dialog"))
            cancelDialog(form);
    };
}

function cancelDialog(form)
{
    form.removeAttribute("selected");
}

function updatePage(page, fromPage)
{
    if (!page.id)
        page.id = "__" + (++newPageCount) + "__";

    location.href = currentHash = hashPrefix + page.id;
    pageHistory.push(page.id);

    var pageTitle = $("pageTitle");
    if (page.title)
        pageTitle.innerHTML = page.title;
	if(page.title == "HOME")
        pageTitle.innerHTML = "";
    if (page.localName.toLowerCase() == "form" && !page.target)
        showForm(page);
        
    var backButton = $("backButton");
    if (backButton)
    {
        var prevPage = $(pageHistory[pageHistory.length-2]);
        if (prevPage && !page.getAttribute("hideBackButton"))
        {
            backButton.style.display = "inline";
            backButton.innerHTML = prevPage.title ? prevPage.title : "Back";
        }
		else if (backButton.target == '_self')
		{
            backButton.style.display = "inline";
            backButton.innerHTML = "Main";
		}
        else
            backButton.style.display = "none";
    }    
}

function slidePages(fromPage, toPage, backwards)
{        
    var axis = (backwards ? fromPage : toPage).getAttribute("axis");
    if (axis == "y")
        (backwards ? fromPage : toPage).style.top = "100%";
    else
        toPage.style.left = "100%";

    toPage.setAttribute("selected", "true");
    scrollTo(0, 1);
    clearInterval(checkTimer);
    
    var percent = 100;
    slide();
    var timer = setInterval(slide, slideInterval);

    function slide()
    {
        percent -= slideSpeed;
        if (percent <= 0)
        {
            percent = 0;
            if (!hasClass(toPage, "dialog"))
                fromPage.removeAttribute("selected");
            clearInterval(timer);
            checkTimer = setInterval(checkOrientAndLocation, 300);
            setTimeout(updatePage, 0, toPage, fromPage);
        }
    
        if (axis == "y")
        {
            backwards
                ? fromPage.style.top = (100-percent) + "%"
                : toPage.style.top = percent + "%";
        }
        else
        {
            fromPage.style.left = (backwards ? (100-percent) : (percent-100)) + "%"; 
            toPage.style.left = (backwards ? -percent : percent) + "%"; 
        }
    }
}

function preloadImages()
{
    var preloader = document.createElement("div");
    preloader.id = "preloader";
    document.body.appendChild(preloader);
}

function submitForm(form)
{
	iui.showPageByHref(form.action, encodeForm(form), form.method || "POST");
    //iui.showPageByHref(form.action || "POST", encodeForm(form), form.method);
}

function encodeForm(form)
{
    function encode(inputs)
    {
        for (var i = 0; i < inputs.length; ++i)
        {
            if (inputs[i].name && (inputs[i].type != 'checkbox' || inputs[i].checked))
                args.push(inputs[i].name + "=" + encodeURIComponent(inputs[i].value));
        }
    }

    var args = [];
    encode(form.getElementsByTagName("input"));
    encode(form.getElementsByTagName("textarea"));
    encode(form.getElementsByTagName("select"));
    return args;    
}

function findParent(node, localName)
{
    while (node && (node.nodeType != 1 || node.localName.toLowerCase() != localName))
        node = node.parentNode;
    return node;
}

function hasClass(self, name)
{
    var re = new RegExp("(^|\\s)"+name+"($|\\s)");
    return re.exec(self.getAttribute("class")) != null;
}

function replaceElementWithSource(replace, source)
{
    var page = replace.parentNode;
    var parent = replace;
    while (page.parentNode != document.body)
    {
        page = page.parentNode;
        parent = parent.parentNode;
    }

    var frag = document.createElement(parent.localName);
    frag.innerHTML = source;

    page.removeChild(parent);

    while (frag.firstChild)
        page.appendChild(frag.firstChild);
}

function replaceNamedElementWithSource(replace, source)
{

    var page = replace.parentNode;
    var parent = replace;

    var frag = document.createElement(parent.localName);
    frag.innerHTML = source;

    while (frag.firstChild)
		page.insertBefore(frag.firstChild, parent);
	
    page.removeChild(parent);
}

function $(id) { return document.getElementById(id); }
function ddd() { console.log.apply(console, arguments); }

if (! ("console" in window) || !("firebug" in console)) {
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group"
                 , "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
    window.console = {};
    for (var i = 0; i <names.length; ++i) window.console[names[i]] = function() {};
}

})();

function redraw(viewtype){
	
    var gmenu = document.getElementById("glmenu");
	var spans = gmenu.childNodes; var gpick;
	for(var c=0; c < spans.length; c++) {
		if(spans[c].id){
			gpick = document.getElementById(spans[c].id);
			if(spans[c].id == viewtype+"S")
			    gpick.setAttribute("picked", "true");
			else
			    gpick.setAttribute("picked", "false");
		}
	}

	var workarray = new Array();
	var strarr = document.getElementById(viewtype == "byToGet" ? "byAlpha" : viewtype);
	var temparr = strarr.getAttribute("title");
//	console.log(" temparr is a string... " +temparr );
	workarray = temparr.split("|");
	
	if(viewtype == "byToGet"){
		var getw = new Array(); var gotw = new Array();;
		for (var i=0; i<workarray.length; i++) {
			if(getCookie(workarray[i]) == 'true' || workarray[i] == "notesshow")
				gotw = gotw.concat(workarray[i]);
			else
				getw = getw.concat(workarray[i]);
		}
		workarray = getw.concat(gotw);
	}	
// now that we have new array, let's see how it intersects with old.
	var children;
	var orig = new Array();
	var drop = new Array();
	var thesource = document.getElementById( "GLall" );
	var theparent = document.getElementById( "GLguts" );
	if (theparent.hasChildNodes()) {
		// Get all children of node
		children = theparent.childNodes;
		// Loop through the children
		for(var c=0; c < children.length; c++) {
//			console.log(children[c].id + " is removed or replaced as ID of current list " );
			drop[children[c].id] = children[c].id;
			//console.dir(orig[children[c]]);
		}
	}
	var newele;
	var newclaim;
	for (var i=0; i<workarray.length; i++) {
		if(children){
			for(var c=0; c < children.length; c++) {
				if(workarray[i] == children[c].id){
					drop[children[c].id] = false;
					break;
				}
			}
		}
    	newele = document.getElementById( workarray[i] );
//		console.log(workarray[i] + " is new item. Elements are... " + newele.id);
	 	// console.log(newele.id);
		theparent.appendChild(newele);
	}
	for (i in drop){
//		console.log(i + " is a drop if not false ... " + drop[i]);
		if(drop[i] != false){
	    	newele = document.getElementById( drop[i] );
			thesource.appendChild(newele);
		}
	}
}

function showId(idin){
	var ele = document.getElementById(idin);
	ele.style.display = ele.style.display == "none" ? "block" : "none";
//	alert(ele.style.display);
//	return ele;
//	theid.setAttribute("display", theid.getAttribute("display") == "block" ? "none" : "block");
//	theid.setAttribute("display", "block");
	//alert(theid.getAttribute("display"));
}
function updservs(rid,servs){
	window.location='/recipe.htm?id='+rid+'&serv=' + servs;
}

/* <p><?=$one[serv]?> <span class="buttonGL blueButton" onClick="showId(\'servChangerow\');">Scale it!</span></p>
			</div>
			<div class="row" style="display:none;" id="servChangerow">
				<?= preg_replace("/<option>/","<option value=''>-- Scale to new Serving Count --</option>",sel_list("newserv",$one[serv],array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19),"onChange='updservs(this.value);'" ));?> */

function setCookie(c_name,value,expiredays) {
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

function getCookie(c_name) {
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1;
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length;
    return unescape(document.cookie.substring(c_start,c_end));
    }
  }
return "";
}