function showTab1() {

    $('tabHolder').className = 'tabHolder1';
    $('tabButton1').style.display = 'none';
    $('tabButton2').style.display = 'block'
    $('tabContent1').style.display = 'block'
    $('tabContent2').style.display = 'none'


    $('homeContent1').style.display = 'block'
    $('homeContent2').style.display = 'none'

}


function showTab2() {

    $('tabHolder').className = 'tabHolder2';
    $('tabButton2').style.display = 'none';
    $('tabButton1').style.display = 'block'
    $('tabContent2').style.display = 'block'
    $('tabContent1').style.display = 'none'


    $('homeContent1').style.display = 'none'
    $('homeContent2').style.display = 'block'

}



function showSubNav(linkSubID, linkID, divWidth) {


   var elementCount = document.getElementsByClassName("subNav")

    for (i = 0; i < elementCount.length; i++) {
        elementCount[i].style.display = 'none';
    }



    elementCount = document.getElementsByClassName("linkOver")

    for (i = 0; i < elementCount.length; i++) {
        elementCount[i].className = ''
    }


    //$(linkSubID).style.width = divWidth
    $(linkSubID).style.display = 'inline';
    $(linkSubID + 'Arrow').style.display = 'inline';

    document.getElementById(linkID).className = 'linkOver';

}

var navTimer

/* Time Out Nav */
function hideNav() {

    navTimer = setTimeout(function() {

        clearNav();

    }, 800);
    
}


function killTimer() {
    clearInterval(navTimer);
}


var aryClassElements = new Array();

document.onclick = check;
function check(e) {
    clearNav();
}

function clearNav() {



    var elementCount = document.getElementsByClassName("subNav")

    for (i = 0; i < elementCount.length; i++) {
        elementCount[i].style.display = 'none';
    }


    elementCount = document.getElementsByClassName("linkOver")

    for (i = 0; i < elementCount.length; i++) {
        elementCount[i].className = ''
    }


}

var currentItem = 0
var currentItem2 = 0
var timer
var timer2
    
function initialiseHome(totalItems) {

        totalItems = 5
        currentItem += 1

        
        //Set new timer
        timer = setInterval(function() {
            movePanel(totalItems)
        }, 6000);


        //Set new timer
        timer2 = setInterval(function() {
           movePanel2(totalItems)
       },6000);

}

function movePanel(totalItems) {

    if (currentItem < totalItems) {

        //Set all icons
        $('icon1').className = 'icon'
        $('icon2').className = 'icon'
        $('icon3').className = 'icon'
        $('icon4').className = 'icon'

        var moveDistance = 0 - ((currentItem) * 710)

        if (currentItem == 4) {
            $('icon1').className = 'iconSelected';
        } else {
            $('icon' + (currentItem + 1)).className = 'iconSelected'
        }
        

        new Effect.Move($('panelImageHolders'), { x: moveDistance, y: 0, mode: 'absolute', afterFinish: function() {
            //After finish code
            currentItem += 1

            if (currentItem == 5) {
                $('panelImageHolders').style.left = '0px'
                currentItem = 1
            }

        }
        })

    } 
}

function jumpTo(itemNumber) {

    clearInterval(timer);

    //Set all icons
    $('icon1').className = 'icon'
    $('icon2').className = 'icon'
    $('icon3').className = 'icon'
    $('icon4').className = 'icon'
    $('icon' + (itemNumber)).className = 'iconSelected'
    
        new Effect.Move($('panelImageHolders'), { x: 0-(itemNumber * 710), y: 0,mode:'absolute', afterFinish: function() {
            //After finish code
            currentItem = itemNumber
        }
    })
}


function movePanel2(totalItems) {

    if (currentItem2 < totalItems) {

        //Set all icons
        $('2icon1').className = 'icon'
        $('2icon2').className = 'icon'
        $('2icon3').className = 'icon'
        $('2icon4').className = 'icon'

        if (currentItem2 == 4) {
            $('2icon1').className = 'iconSelected';
        } else {
         $('2icon' + (currentItem2 + 1)).className = 'iconSelected'
        }
        
        var moveDistance2 = 0 - ((currentItem2 ) * 710)

        new Effect.Move($('panel2ImageHolders'), { x: moveDistance2, y: 0, mode: 'absolute', afterFinish: function() {
            //After finish code
            currentItem2 += 1
            if (currentItem2 == 5) {
                $('panel2ImageHolders').style.left = '0px'
                currentItem2 = 1
            }
            
        }
        })

    }
}


function jump2To(itemNumber) {

    clearInterval(timer2);

    //Set all icons
    $('2icon1').className = 'icon'
    $('2icon2').className = 'icon'
    $('2icon3').className = 'icon'
    $('2icon4').className = 'icon'
    $('2icon' + (itemNumber)).className = 'iconSelected'

    new Effect.Move($('panel2ImageHolders'), { x: 0 - (itemNumber * 710), y: 0, mode: 'absolute', afterFinish: function() {
        //After finish code
        currentItem2 = itemNumber
    }
    })
}


function setIconOpacity(div, opacity) {
    $(div).setOpacity(opacity)
}




/*********************************************************************
* Get an object, this function is cross browser
* *** Please do not remove this header. ***
* This code is working on my IE7, IE6, FireFox, Opera and Safari
* 
* Usage: 
* var object = get_object(element_id);
*
* @Author Hamid Alipour Codehead @ webmaster-forums.code-head.com		
**/
function get_object(id) {
    var object = null;
    if (document.layers) {
        object = document.layers[id];
    } else if (document.all) {
        object = document.all[id];
    } else if (document.getElementById) {
        object = document.getElementById(id);
    }
    return object;
}
/*********************************************************************/


function is_child_of(parent, child) {
    if (child != null) {
        while (child.parentNode) {
            if ((child = child.parentNode) == parent) {
                return true;
            }
        }
    }
    return false;
}


function fixOnMouseOut(element, event, JavaScript_code) {
 

    var current_mouse_target = null;
    if (event.toElement) {
        current_mouse_target = event.toElement;
    } else if (event.relatedTarget) {
        current_mouse_target = event.relatedTarget;
    }
    if (!is_child_of(element, current_mouse_target) && element != current_mouse_target) {
        eval(JavaScript_code);
    }
}