//demo
var loop_throgh = [];
var loop_index = 0;
var loop_index2 = 0;
var secs = 5000;
// For unknwo reason i can't use this functions twice... no time to write one on my own

var show = function(el,el2) {
    el.set('tween', {
	onComplete: function(e) {
	    el.setStyle("display","none");
            el2.setStyle("display","block");
            el.set('tween', { onComplete: Class.empty });
            el2.fade('in');
	},
	duration: 'long'
    });
    el.fade('out');
};
var show2 = function(el,el2) {
    el.set('tween', {
	onComplete: function(e) {
	    el.setStyle("display","none");
            el2.setStyle("display","block");
            el.set('tween', { onComplete: Class.empty });
            el2.fade('in');
	    myTrigger();
	},
	duration: 'long'
    });
    el.fade('out');
};
var mySwitch = function(){
        var lnk = loop_through[loop_index];
        loop_index = (loop_index + 1) % loop_through.length;
        show2(lnk,loop_through[loop_index]);
	
};

var mySwitch2 = function(){
        var lnk = loop_through2[loop_index2];
        loop_index2 = (loop_index2 + 1) % loop_through2.length;
        show(lnk,loop_through2[loop_index2]);
};
window.addEvent('domready', function() {
// Sliding search box
    if ($('search')) {

	var close_search = false;
	var form = $('search').getElement('form');
	var input = form.getElement('input[type=text]');
	var fx = new Fx.Slide(form.setStyle('display', 'inline'), {
            duration: 250,
            mode: 'horizontal',
            onComplete: function() {
                if (close_search) {
                    $('searchShow').setStyle('display', 'inline');
                    close_search = false;
                }
            }
        }).hide();
        
        $('searchShow').addEvent('click', function(e) {
            e.stop();
            this.setStyle('display', 'none');
            input.focus();
            fx.slideIn();
        });
        
        form.addEvent('submit', function(e) {
            if (input.get('value') == '') { e.stop(); }
        });
        input.addEvent('blur', function() {
            (function() { close_search = true; fx.slideOut(); }).delay(100);
            });
    }
    if ($('gary-box')) {
	loop_through = $$('.quote');
	loop_through2 = $$('.the_troops');
	mySwitch.periodical(secs);
	mySwitch2.periodical(secs);
	$$('.quote').each(function(el,key,index){
	    el.setStyle('display','none');
	    el.fade('out');
	    index[0].setStyle('display','block');
	    index[0].fade('in');
	});
	$$('.the_troops').each(function(el,key,index){
	    el.setStyle('display','none');
	    el.fade('out');
	    index[0].setStyle('display','block');
	    index[0].fade('in');

	});

    }
});
var myTrigger = function(){
    //lets detect what LI has selected?
    max = $$('.current-box li').length - 1;
    var found = false;
	//    console.log(found);
    $$('.current-box li').each(function(el,key,index){
	//console.log('why it\'s not going');
	if (found == true) {
	  //  console.log(found);
	    return;
	}
	//console.log($$('.current-box li')[key]);
	if ($$('.current-box li')[key].hasClass('selected')) {
	    $$('.current-box li')[key].removeClass('selected');
	    var next = (key + 1) % max;
	    /*console.log(key);
	    console.log(max);
	    console.log(next);*/
	    $$('.current-box li')[next].addClass('selected');
	    found = true;
	   // console.log(found);
	}
    });
};