﻿// Mootools Slides def;
var mySlide1 = new Fx.Slide('home', {mode: 'horizontal'});
var mySlide2 = new Fx.Slide('about', {mode: 'horizontal'});
var mySlide3 = new Fx.Slide('projects', {mode: 'horizontal'});
var mySlide4 = new Fx.Slide('contact', {mode: 'horizontal'});
var mySlide5 = new Fx.Slide('links', {mode: 'horizontal'});
//var mySlide6 = new Fx.Slide('login', {mode: 'horizontal'});
var subSlide1 = new Fx.Slide('contentprojects', {mode: 'horizontal'});
// status van MenuBar
var statusMenuBar1 = false;
var statusMenuBar2 = false;
var statusMenuBar3 = false;
var statusMenuBar4 = false;
var statusMenuBar5 = false;
//v//ar statusMenuBar6 = false;
//var statusMenuSub1 = false;
// object bezig
var busy = false;
var busyObj = false;
window.onload = function()
{
    setHeight();
    //document.body.style.backgroundImage = 'url(images/bg_body.jpg)';
    //document.body.style.backgroundRepeat = 'no-repeat';
    statusMenuBar1 = true;
    mySlide1.slideIn();
    fadeIn();
}
function menuSliderObj(bar)
{
    if(!busy)
    {
        busy = true;
        var donotopen = false;
        var allfalse = true;
        for(i=1;i<=5;i++)
        {
            if(eval("statusMenuBar" + i))
            {
                //alert("hidden");
                //document.getElementById("extracss").innerHTML = ".nosub{overflow:hidden;}.content{overflow:hidden;}";
                eval("mySlide" + i + ".slideOut()");
                eval("statusMenuBar" + i + "= false");
                if(i == bar)
                {
                    donotopen = true;
                }
                allfalse = false;
            }
        }
        
        /*if(!donotopen)
        {
            if(!allfalse)
                setTimeout("statusMenuBar" + bar + "= true;mySlide" + bar + ".slideIn();busy = false;",500);
            else
                setTimeout("statusMenuBar" + bar + "= true;mySlide" + bar + ".slideIn();busy = false;",0);
        }else{
            
        }*/
        
        busy = false;
   }
}
function subSliderObj(bar, obj, id)
{
    if(busyObj == false)
    {
            busyObj = true;
            busy = true;
            eval("mySlide" +obj+ ".slideOut()");
            //$(id).style.width = '420px';
            setTimeout("subSlide" +bar+ ".slideIn()", 1000);
            setTimeout("mySlide" +obj+ ".slideIn()", 1000); 
            setTimeout("busyObj = false"); 
            busy = false;
    }
}
function closeObj()
{
   for(i=1;i<=5;i++)
   {
        eval("mySlide" + i + ".hide()");
   }
}
function closeSubObj()
{
   for(i=1;i<=1;i++)
   {
    setTimeout("subSlide" + i + ".hide()",1000);
    setTimeout("$('projects').style.width = '160px'", 1000);
   }
}
function activeObj(id, name)
{
    $("clickhome").style.backgroundColor = "#0e0e0e";
    $("clickabout").style.backgroundColor = "#0e0e0e";
    $("clickprojects").style.backgroundColor = "#0e0e0e";
    $("clickcontact").style.backgroundColor = "#0e0e0e";
    $("clicklinks").style.backgroundColor = "#0e0e0e";
    //$("clicklogin").style.backgroundColor = "#0e0e0e";
    
    $("clickhome").style.color = "#FFF";
    $("clickabout").style.color = "#FFF";
    $("clickprojects").style.color = "#FFF";
    $("clickcontact").style.color = "#FFF";
    $("clicklinks").style.color = "#FFF";
    //$("clicklogin").style.color = "#FFF";
    
    $("clickhome").style.backgroundImage = "url(../images/home.jpg)";
    $("clickabout").style.backgroundImage = "url(../images/about.jpg)";
    $("clickprojects").style.backgroundImage = "url(../images/projects.jpg)";
    $("clickcontact").style.backgroundImage = "url(../images/contact.jpg)";
    $("clicklinks").style.backgroundImage = "url(../images/links.jpg)";
   // $("clicklogin").style.backgroundImage = "url(../images/login.jpg)";
    
    $(id).style.backgroundColor = "#FFF200";
    $(id).style.color = "#000";
    $(id).style.backgroundImage = "url(images/"+name+"act.jpg)";
}
