/*
 	 Copyright (c) 2007, iUI Project Members
	 See LICENSE.txt for licensing terms
 */

// iVDR Globalisierung
// (function() {

var slideInc = 0.5; 
var slideBase = -0.5; 
var slideSpeed; 
var slideInterval = 10; 
c = null; 
var currentPage = null; 			// HTMLDivElement HTMLUListElement
var currentDialog = null; 
var currentWidth = 0; 				// 480 und 320
var currentHash = location.hash; 	//  #_main #_ln_groups
var hashPrefix = "#_"; 		
var pageHistory = []; 				// main,ln_groups,channelgroup3,ln_sched
//* iVDR deactivate Rotation ScrollUp
var pageLocationHistory = [];
var currentLocation = 1;
//* iVDR preSelect
var preSelect = null;
var newPageCount = 0; 
var checkTimer;
//* iVDR Scroll deactivation
var Scroll = true;

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

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

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

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

    showPageById: function(pageId)
    {
	//console.log("showPageById: "+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)
    {
	//console.log("showPageByHref: "+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)
                    replaceElementWithSource(replace, req.responseText);
				else
                {
                    var frag = document.createElement("div");
                    frag.innerHTML = req.responseText;
                    iui.insertPages(frag.childNodes);
                }
                if (cb)
                    setTimeout(cb, 1000, true);
            }
        };

        if (args)
        {
            if (method == "POST")
				req.open(method, href, true);				
			else
				req.open(method, href+"?"+args.join("&"), true);				
			
            //req.open("POST", href + "?" + args.join("&"), 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);
        }        
	},
	// iVDR function Outsourcing
	showPageByHash: function(hash)
	{
		//console.log("showPageByHash: "+hash);
		var id = $(hash);
		id.setAttribute('selected', 'true');
		iui.showPage(id);
		setTimeout(id.removeAttribute('selected'), 500);
	},
    
    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()
    {
	//console.log("getSelectedPage");
        for (var child = document.body.firstChild; child; child = child.nextSibling)
        {
            if (child.nodeType == 1 && child.getAttribute("selected") == "true")
                return child;
        }    
    },
    // iVDR preSelect
	getPrePages: function()
    {
        var childs = [];
		for (var child = document.body.firstChild; child; child = child.nextSibling)
        {
            if (child.nodeType == 1 && child.getAttribute("selected") == "pre") {
				child.removeAttribute("selected");
				childs.push(child.id);
			}
        }
		return childs;
    }    
};

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

addEventListener("load", function(event)
{
//console.log("Event Load: "+event);
		//* iVDR preselect
		var prepages = iui.getPrePages();
		if (prepages) {
			var d=1;
			for (var i = 0; i < prepages.length; ++i) {
				pageHistory.splice(pageHistory.length-d--, 0, prepages[i]);	
				pageLocationHistory.splice(pageHistory.length-d--, 0, 1);	
				location.hash = hashPrefix + prepages[i], 1000;
				scrollTo(0,1);
			}
		}
		
		var page = iui.getSelectedPage();
		
	    if (page)
	        iui.showPage(page);

	    setTimeout(preloadImages, 0);
	    setTimeout(checkOrientAndLocation, 0);
	    checkTimer = setInterval(checkOrientAndLocation, 300);
	    
		//* iVDR deactivate Rotation ScrollUp
		setTimeout(scrollTo, 100, 0, 1);

}, false);
    
addEventListener("click", function(event)
{
    var link = findParent(event.target, "a");
	if (link)
    {
		//iVDR same Frame return
		currentLocation = window.pageYOffset;
		//console.log("EventListener Click:"+link+" - "+link.hash);
        function unselect() { link.removeAttribute("selected"); }
        if (link.href && link.hash && link.hash != "#")
        {
			//iui.showPageByHash(link.hash.substr(1));
			link.setAttribute("selected", "true");
            iui.showPage($(link.hash.substr(1)));
            setTimeout(unselect, 500);
        }
        else if (link == $("backButton"))
            history.back();
        else if (link.getAttribute("type") == "submit")
            submitForm(findParent(link, "form"));
        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 == "_tmp") 
			doJSByHref(link.href);
        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();        
    }
}, true);

function checkOrientAndLocation()
{
    if (window.innerWidth != currentWidth)
    {   
        //* iVDR deactivate Rotation ScrollUp
		if (currentWidth != 0)
			setTimeout(scrollBy, 100, 0,  window.innerWidth == 480 ? -75 : 75);    

		currentWidth = window.innerWidth;
        var orient = currentWidth == 320 ? "profile" : "landscape";
        document.body.setAttribute("orient", orient);
	}

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

function showDialog(page)
{
    currentDialog = page;
    // iVDR special  let dialog show at windowposition
	page.style.top = window.pageYOffset + "px";
	// -------
	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, down)
{
//console.log("updatePage: "+page+" id: "+page.id);
//console.log("updatePage from: "+fromPage ||""+" id: "+fromPage.id|| "");
	if (!page.id)
        page.id = "__" + (++newPageCount) + "__";

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

	//* iVDR pageLocationHistory
	if (down && window.pageYOffset == 1) 
		setTimeout(scrollTo, 100, 0, down);

    var pageTitle = $("pageTitle");
    if (page.title)
        pageTitle.innerHTML = page.title;

    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
            backButton.style.display = "none";
    }    
	
}

function clonePage(a,b){ 
        var c=a.cloneNode(true); 
        c.style.position="absolute"; 
        c.style.left=b; 
        c.style.top=a.offsetTop+"px"; 
        c.style.width="100%"; 
        c.setAttribute("selected", "true"); 
        document.body.appendChild(c); 
        return c 
} 

function slidePages(fromPage, toPage, backwards) { 
		//console.log("slidePages: "+fromPage.id+" -> "+toPage.id);

	if (backwards) { 
		//* iVDR pageLocationHistory
		var down = pageLocationHistory[pageLocationHistory.length-1];
		pageLocationHistory.pop();

		if (Scroll)
			slidePagesGauche(fromPage, toPage, down); 
		else 
		{
			toPage.setAttribute("selected", "true");
			fromPage.removeAttribute("selected");
			setTimeout(updatePage, 100, toPage, fromPage);
			scrollTo(0,down);
		}
	}
	else {
		//* iVDR pageLocationHistory
		//console.log("location: "+window.pageYOffset);
		//console.log("location history: "+pageLocationHistory.join(" - "));
		//console.log(pageLocationHistory.join(" - "));
		if (toPage.id != fromPage.id && Scroll) 
		{
			pageLocationHistory.push(window.pageYOffset);
			slidePagesDroite(fromPage, toPage); 
		}
		else 
		{
			if (!Scroll)
				pageLocationHistory.push(window.pageYOffset);
				
			toPage.setAttribute("selected", "true");
			fromPage.removeAttribute("selected");
			setTimeout(updatePage, 100, toPage, fromPage);
			
			if (Scroll)
				scrollTo(0,currentLocation);
			else 
				scrollTo(0,1);
		}
	}
} 

function slidePagesDroite(fromPage, toPage) 
{ 
        var h=window.innerWidth; 
    toPage.style.left = "100%"; 
    toPage.setAttribute("selected", "true"); 
        scrollTo(0,1); 
    clearInterval(checkTimer); 
    var percent = 100; 
        slideSpeed = slideBase; 
    var timer = setInterval(function() { 
                if (percent >= 33) slideSpeed += slideInc; 
                else {slideSpeed -= 1.6*slideInc; 
                if (slideSpeed <= 1) 
                slideSpeed = 1}; 
        percent -= slideSpeed; 
        if (percent <= 0) 
        { 
            percent = 0; 
            clearInterval(timer); 
                        scrollTo((100-percent)/100*h ,1); 
                fromPage.removeAttribute("selected"); 
                                var c=clonePage(toPage, h+"px"); 
                                toPage.style.left="0px"; 
                                var t=0; 
                                var truc=setInterval(function(){if(t>0) { 
                                        scrollTo(0,1); 
                                        document.body.removeChild(c); 
                                        clearInterval(truc); 
                                }t++;}, 10); 
                    checkTimer = setInterval(checkOrientAndLocation, 300); 
                setTimeout(updatePage, 0, toPage, fromPage); 
                                return; 
        } 
                scrollTo((100-percent)/100*h ,1); 
    }, slideInterval); 


} 

function slidePagesGauche(fromPage, toPage, down) 
{ 
		var h=window.innerWidth; 
        var c=clonePage(fromPage, h+"px"); 
        scrollTo(h, 1); 
    toPage.style.left ="0px"; 
    toPage.setAttribute("selected", "true"); 
        document.body.removeChild(fromPage); 
    clearInterval(checkTimer); 
    var percent = 100; 
        slideSpeed = slideBase; 
    var timer = setInterval(function() { 
                if (percent >= 33) slideSpeed += slideInc; 
                else {slideSpeed -= 1.6*slideInc; 
                if (slideSpeed <= 1) 
                slideSpeed = 1}; 
                if (slideSpeed == 0.002) slideSpeed=3; 
                if (slideSpeed == 0.001) slideSpeed=0.002; 
                if (slideSpeed == 1.5) slideSpeed=0.001; 

        percent -= slideSpeed; 
        if (percent <= 0) 
        { 
            percent = 0; 
            clearInterval(timer); 
                        scrollTo(percent/100*h ,1); 
                        c.removeAttribute("selected"); 
                        checkTimer = setInterval(checkOrientAndLocation, 300); 
            setTimeout(updatePage, 0, toPage, fromPage, down); 


        } 
                scrollTo(h*percent/100 ,1); 
    }, slideInterval); 


} 

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

function submitForm(form)
{
	iui.showPageByHref(form.action || "POST", encodeForm(form), form.method);
}
//submitForm(this);
function encodeForm(form)
{
    function encode(inputs)
    {
        for (var i = 0; i < inputs.length; ++i)
        {
            if (inputs[i].name)
                args.push(inputs[i].name + "=" + escape(inputs[i].value));
        }
    }

    var args = [];
    encode(form.getElementsByTagName("input"));
    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;

	// iVDR replace Correction
    //page.removeChild(parent);
	 //   while (frag.firstChild)
	//        page.appendChild(frag.firstChild);

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

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

//iVDR Globalisierung
//})();

//* iVDR CODE

function toggle(myDiv, myCheckbox, trueval, falseval)
{
	if (myDiv.getAttribute('id')) {
		var myCheckbox = document.getElementsByName(myCheckbox)[0];
		if (myCheckbox && myCheckbox.getAttribute('type') == 'hidden') {
			if (myDiv.getAttribute('toggled') == 'true')
				myCheckbox.value = trueval;
			else
				myCheckbox.value = falseval;
				console.log(myCheckbox.value);
		}
	}
}
	
function toggleDiv(myDiv, targetDiv)
{
	if (myDiv.getAttribute('id')) {
		if (targetDiv) {
			if (myDiv.getAttribute('toggled') == 'true')
				showElement(targetDiv);
			else
				hideElement(targetDiv);
		}
	}
}

function toggleChecked(myID) {
var childs = findParent($(myID),"fieldset").getElementsByTagName("div");
	for (var inner in childs) {
		if(childs[inner].nodeType == 1) 
			childs[inner].setAttribute('class', 'row');
	}
$(myID).setAttribute('class', 'row checked');
}

function doJSByHref(href) {
			var jsreq = new XMLHttpRequest();
	        jsreq.onreadystatechange = function()
	        {
				if (jsreq.readyState == 4) 
				{
					eval(jsreq.responseText);
				}
			}
			jsreq.open("GET", href, true);
            jsreq.send(null);
}

function hideElement(elmnt) { $(elmnt).style.display = "none"; }
function showElement(elmnt) { $(elmnt).style.display = "block"; }