/* home.js */


Ext.onReady(function() {
    collection = Ext.get('home-top-left');
    collection.on('mouseover', function() {
        pause_task = true;
    });
    collection.on('mouseout', function() {
        pause_task = false;
    });
    
    photos = Ext.select('ul.photos li', false, 'home-top-left'),
    paging = Ext.fly('home-top-left').createChild({ tag: 'ul', cls: 'paging' }),
    photos.each(function(el, array, index) {
        var paging_li = paging.createChild({ tag: 'li', id: 'paging-' + (index + 1), html: index + 1});
        el.dom.id = 'photo-' + (index + 1);
        if(index == 0) {
            setSelected(1);
        }
    });
    paging.on('click', function(evt, t, o) {
        var paging_li, paging_index, photo_li;
        paging_li = Ext.fly(t);
        paging_index = paging_li.dom.id.split('-')[1];
        setSelected(paging_index);
    }, this, {
        delegate: 'li'
    })
    
    function setSelected(index) {
        var paging_li, photo_li;
        paging_li = Ext.fly('paging-' + index);
        paging_li.radioClass('selected');
        photo_li = Ext.fly('photo-' + index);
        photo_li.radioClass('selected');
        task_index = index;
    }

    var pause_task = false;
    var task_index = 0;
    var task = {
        run: function(){
            if(!pause_task){
                if(task_index >= photos.elements.length)
                    task_index = 0;
                task_index++;
                setSelected(task_index);
            }
        },
        interval: 4000 //4 second
    }
    Ext.TaskMgr.start(task);

    featured_tabs = Ext.select('ul.tabs li', false, 'home-bottom-left');
    featured_tabs.each(function(el, array, index) {
        if(index == 0)
            el.addClass('selected');
        el.on('click', function(evt, t, o) {
            var tab = Ext.get(evt.target).findParent('li', document.body, true);
            tab.radioClass('selected');
        }, el, {
            delegate: 'a.tab',
            stopEvent: true
        });
    });
});