// We add the "invoke"-Method to Arrays
// Grundfarben: ae700c;231779;087157;714704

Array.implement({
	
	invoke: function(fn, args){
		var result = [];

		for (var i = 0, l = this.length; i < l; i++){
			if(this[i] && this[i][fn])
				result.push(args ? this[i][fn].pass(args, this[i])() : this[i][fn]());
		}
		return result;
	}
});

var myArray = null;
var startKon = true;

window.addEvent('domready', function(){
    $('kontakt').addEvent('click', function(){
        if (startKon){

            startKon = !startKon;
            $$('div.my_kontakt').fade('in');    
        }else {
            startKon = !startKon;
            $$('div.my_kontakt').fade('out');  
        }

	}
    );

var els = $$('div.m1');
var elstwo = $$('div.m2');
var elstree = $$('div.m3');
var elsfore = $$('div.m4');
var elsStartBg = $$('div.logo-view');
var elsStartInfo = $$('div.info');
var elsAbautMe = $$('div.about_me');
    $$('div.my_kontakt').fade('hide');



oneArray = [
		new Fx.Tween(els[0])
	];
twoArray = [
		new Fx.Tween(elstwo[0])
	];
treeArray = [
    new Fx.Tween(elstree[0])
];
foreArray = [
    new Fx.Tween(elsfore[0])
];
startArray = [
    new Fx.Tween(elsStartBg[0],{onComplete: afterStartInfo})
];
    
    
startOArray = [
    new Fx.Tween(elsStartInfo[0])
];

    function afterStartInfo() {
        // define Start
        elsStartInfo.fade('hide');
        els.fade('hide');
        elstwo.fade('hide');
        elstree.fade('hide');
        elsfore.fade('hide');

        $$('div.about_me').fade('hide');
        $$('div.my_projects').fade('hide');
        $$('div.my_download').fade('hide');
        $$('div.hGrund').fade('hide');


        // Einblenden
        elsStartInfo.fade('in');

        window.setTimeout(afterStartMenueM4, 500);
        window.setTimeout(afterStartMenueM3, 600);
        window.setTimeout(afterStartMenueM2, 700);
        window.setTimeout(afterStartMenueM1, 800);
        $$('div.hGrund').fade('in');

    };

    function afterStartMenueM1() {
        els.fade('in');
    };
    function afterStartMenueM2() {
        elstwo.fade('in');
    };
    function afterStartMenueM3() {
        elstree.fade('in');
    };
    function afterStartMenueM4() {
        elsfore.fade('in');
    };

    $('id_logo-view').addEvent('click', function(){
        $$('div.my_kontakt').fade('hide');
        move_start(); 
        move_m1();
        });
    

});
	var iOne = false;
    var iTwo = false;
    var iTree = false;
    var iFore = false;
    var iStart = false;
    var iOStart = false;

function sleep(milliSeconds){
    var startTime = new Date().getTime();
    while (new Date().getTime() < startTime + milliSeconds);
}

function move_m1(){

        if(!iOne){
            iOne = !iOne;
            oneArray.invoke('start', ['margin-left', iOne ? '410px' : '430px']);
            clearMenue("m1");
        }
}

function move_m2(){

        if(!iTwo){
            iTwo = !iTwo;
            twoArray.invoke('start', ['margin-left', iTwo ? '410px' : '430px']);
            clearMenue("m2");
            $$('div.about_me').fade('in');
        }
}


function move_m3(){

        if(!iTree){
            iTree = !iTree;
            treeArray.invoke('start', ['margin-left', iTree ? '410px' : '430px']);
            clearMenue("m3");
        }
}
function move_m4(){

		if(!iFore){
            iFore = !iFore;
            foreArray.invoke('start', ['margin-left', iFore ? '410px' : '430px']);
            clearMenue("m4");
        }
}
function move_start(){
    iStart = !iStart;
    iOStart = !iOStart;
    if(iStart){
        startArray.invoke('start', ['width', iStart ? '1010px' : '400px']);
    }

}

function clearMenue(s){
    if(s == "m1"){

        if(iTwo){
            iTwo = !iTwo;
            $$('div.info').fade('in');
            $$('div.about_me').fade('out');
            twoArray.invoke('start', ['margin-left', iTwo ? '410px' : '430px']);

        }
        if(iTree){
            iTree = !iTree;
            $$('div.info').fade('in');
            $$('div.my_projects').fade('out');
            treeArray.invoke('start', ['margin-left', iTree ? '410px' : '430px']);
        }
        if(iFore){
            iFore = !iFore;
            $$('div.info').fade('in');
            $$('div.my_download').fade('out');
            foreArray.invoke('start', ['margin-left', iFore ? '410px' : '430px']);
        }


    }
    if(s == "m2"){

        if(iOne){
            iOne = !iOne;
            $$('div.about_me').fade('in');            
            $$('div.info').fade('out');
		    oneArray.invoke('start', ['margin-left', iOne ? '410px' : '430px']);
            
        }
        if(iTree){
            iTree = !iTree;
            $$('div.about_me').fade('in');
            $$('div.my_projects').fade('out');
            treeArray.invoke('start', ['margin-left', iTree ? '410px' : '430px']);
        }
        if(iFore){
            iFore = !iFore;
            $$('div.about_me').fade('in');
            $$('div.my_download').fade('out');
            foreArray.invoke('start', ['margin-left', iFore ? '410px' : '430px']);
        }
    }
    if(s == "m3"){
        if(iOne){
            iOne = !iOne;
            $$('div.my_projects').fade('in');
            $$('div.info').fade('out');
		    oneArray.invoke('start', ['margin-left', iOne ? '410px' : '430px']);
        }
        if(iTwo){
            iTwo = !iTwo;
            $$('div.my_projects').fade('in');
            $$('div.about_me').fade('out');
            twoArray.invoke('start', ['margin-left', iTwo ? '410px' : '430px']);
        }
        if(iFore){
            iFore = !iFore;
            $$('div.my_projects').fade('in');
            $$('div.my_download').fade('out');
            foreArray.invoke('start', ['margin-left', iFore ? '410px' : '430px']);
        }
    }
    if(s == "m4"){
        if(iOne){
            iOne = !iOne;
            $$('div.my_download').fade('in');
            $$('div.info').fade('out');
		    oneArray.invoke('start', ['margin-left', iOne ? '410px' : '430px']);
        }
        if(iTwo){
            iTwo = !iTwo;
            $$('div.my_download').fade('in');
            $$('div.about_me').fade('out');
            twoArray.invoke('start', ['margin-left', iTwo ? '410px' : '430px']);
        }
        if(iTree){
            iTree = !iTree;
            $$('div.my_download').fade('in');
            $$('div.my_projects').fade('out');
            treeArray.invoke('start', ['margin-left', iTree ? '410px' : '430px']);
        }
    }

}