﻿/*
Default Javascript
Brent Shaffer
Copyright 2007/2008
Toga Enterprises
*/

window.onload = function() {
    //setIDs();
    eventListeners();
    loadSequence();
}

function eventListeners() {
    if ($("home")) // set tabs for toggle onClick
    {
        var x = $("tablist").getElementsByTagName('A');
        for (i=0;i<x.length;i++)
        {
            x[i].onclick = toggleFeature;
        }
        var y = $("nav").getElementsByTagName('A');
        for (i=0;i<y.length;i++)
        {
            y[i].onmouseover = navSummaryOn;
            y[i].onmouseout = navSummaryOff;
        }
    }
}
function loadSequence() {
     if ($("home")) {
        fader("picture1",0,100,1000);
        move("float1", 5, 0, 3000, 1000);
        setTimeout("$('float1').style.display='block'",1000);
        $("item1").style.display = "block";
        $("item1").className = "featureOn";
     }
}

function toggleFeature(e) {
     e=eventTrigger(e)
     var tabs = document.getElementById('tabs').getElementsByTagName('LI');
     var articleBlocks = $("feature").getElementsByTagName('div');
     if(e.tagName!='A') e=e.parentNode;
     if(e.parentNode.className != "tabOn") {
         for (i=0;i<tabs.length;i++) {
            // alert(e.tagName);
             if (tabs[i].className == "tabOn") {
                 tabs[i].className ="tabOff";
             }
             else if(tabs[i] == e.parentNode) {
                 tabs[i].className ="tabOn";
             }  
            //alert('tabs[i]: '+ tabs[i]+'\ne.parentNode: '+ e.parentNode)
         }
         for (k=0;k<articleBlocks.length;k++) {
             //alert('e.id: ' + e.id)
             var id=articleBlocks[k].id;
             if ('item' + e.parentNode.id == id) {
                var floatString = 'float' + id.substring(id.length-1,id.length)
                var _x = $(floatString);
                setTimeout("document.getElementById('"+_x.id+"').style.display='block'",1000);
                imageID = articleBlocks[k].firstChild.id;
                fader(imageID,0,100,1000);
                move(_x.id, 5, 0, 3000, 1000);
                
                articleBlocks[k].style.display = "block";
                articleBlocks[k].className = "featureOn";
             }
             else if(articleBlocks[k].className== "featureOn") {
                articleBlocks[k].style.display = "none";
                articleBlocks[k].className = "featureOff";
                $('float' + id.substring(id.length-1,id.length)).style.display='none';
                }
         }
     }
     return false;
}

function navSummaryOn(e) {
     e=eventTrigger(e)
     var floatDiv = e.parentNode.getElementsByTagName('div');
     for(var i=0; i<floatDiv.length;i++)
     {
        if(floatDiv[i].className=="float")  floatDiv[i].style.display="block";
     }
     return false;
}
function navSummaryOff(e) {
     e=eventTrigger(e)
     var floatDiv = e.parentNode.getElementsByTagName('div');
     for(var i=0; i<floatDiv.length;i++)
     {
        if(floatDiv[i].className=="float") floatDiv[i].style.display="none"
     }
     return false;
}
/* ***********************************************************
* FUNCTION: fader / changeOpac
* PURPOSE: fades page element in or out
* ********************************************************* */

function fader(id,_52,_53,_54)
{
    var _55=Math.round(_54/100);
    var _56=0;
    if(_52>_53)
    {
        var i;
        for(i=_52;i>=_53;i--)
        {
            setTimeout("changeOpac("+i+",'"+id+"')",(_56*_55));
             _56++;
        }
    }
    else{
        if(_52<_53){
            var i;
            for(i=_52;i<=_53;i++)
            {
                setTimeout("changeOpac("+i+",'"+id+"')",(_56*_55));
                _56++;
            }
        }
    }
}

function changeOpac(_59,id)
{
     var _5b=$(id).style;
     _5b.filter="alpha(opacity="+_59+")";
     _5b.opacity=(_59/100);
     _5b.MozOpacity=(_59/100);
     _5b.KhtmlOpacity=(_59/100);
}

/* ***********************************************************
* FUNCTION: move / changePos
* PURPOSE: moves page elements across given distance
* ********************************************************* */
function move(id,_52,_53,rate,delay)
{
    var _55=Math.round(rate/100);
    var _56=0;
    if(_52!=0)
    {
        var i;
        for(i=0;i<=_52;i++)
        {
            setTimeout("changePos("+i+",'"+id+"','y')",(_56*_55)+ delay);
             _56++;
        }
    }
    if(_53!=0)
    {
        var i;
        for(i=0;i<=_53;i++)
        {
            setTimeout("changePos("+i+",'"+id+"','x')",(_56*_55)+ delay);
            _56++;
        }
  
    }
}
function changePos(_59,id, direction)
{
     var _5b=document.getElementById(id).style;
     if (direction=='y')
     {
            _5b.paddingTop=(_59 + 'px');
     }
     else if (direction=='x')
     {
             _5b.marginLeft=(_59);
     }
}




function $(name) {
    elements = document.getElementById(name);
    if(elements) return elements;
    /*
    if (arguments.length > 1) {
        for (var i = 0, elements = [], length = arguments.length; i < length; i++)
            elements.push($(arguments[i]));
        return elements;
    }
    if (typeof element == 'string')
        element = document.getElementById(element);
        */
}

/* ***********************************************************
* FUNCTION: eventTrigger
* PURPOSE: finds and returns e element for mouseEvents
* ********************************************************* */
function eventTrigger (e) {
    if (! e)
        e = event;
    return e.target || e.srcElement;
}