/* 
 * Beton Site Controller (JS)
 * filename: beton.js
 * created by: Serymoon www.serymooon.com
 * created date:2010-10-17
 * use: mootools // webpage: www.mootools.net
 */
//alert('SSDS')




var Beton = {
    /**
     * Beton init function
     */
    promobgs: [],
    promoimgs: [],
    promourl: [],
    promocount: 0,
    promocurrent: 0,
    videoURI: false,
    gallview: false,
    gallnext: false,
    workprog:false,
    beton: function(){



        var SIMGB = new SjsImgButton()
        SIMGB.refress();

        // smoot scroll beton page
        new Fx.SmoothScroll({
            links: '.bbss',
            wheelStops: false
        });
        Sjs.defaultReplacer('.search-input');
        Sjs.questionRefress('.delete', 'Biztosan törüljük az elemet?')
        //alert('S');
        new SjsMessage('Sfw-message', false, 'contact', 140);//Sfw_editormessage
        new SjsMessage('Sfw-editormessage');


        $$('a.client').each(function(item){
            item.span = item.getElement('span.client');
            item.span.setStyle('background-image', item.getStyle('background-image'));
            item.span.fade(0.01)

            item.addEvents({
                'mouseover': function(){
                    this.span.fade(1)
                },

                'mouseout': function(){
                    this.span.fade(0.01)
                }
            })
        });

        // Select hack
        //alert('s')
        if($('selector')){
            $('selector').addEvent('blur', function(item){
                $('seltitle').set('text', this.getSelected().get('text'))
            })
            $('selector').addEvent('change', function(item){
                $('seltitle').set('text', this.getSelected().get('text'))
            })
        }

        new SjsImageborder('.fimgb', '/img/BetonFrameFooter.png', '/img/BetonFrameFooterOver.png');

        //munka - BetonFrameWorkCategory.png
        new SjsImageborder('.fflagb', '/img/BetonFrameWorkCategory.png', '/img/BetonFrameWorkCategoryOver.png');
        new SjsImageborder('.fworkb', '/img/BetonFrameWork.png', '/img/BetonFrameWorkOver.png');
    },

    workView:function(){
        //initialize works stage
        $('imageview').fade('out');
        $('playercont').fade('out');
        first = 'pic'; // or pic
        if($$('.vidthumbnail').length) {
            Beton.videoURI = Beton.video();
            
            first = 'vid';
            
            (function(){Beton.insertVideo(Beton.videoURI);}).delay(500);

        }
        if($$('.thumbnail').length) {
            Beton.gallview = Beton.gallery();
            if (first == 'pic') {
                (function(){Beton.loadImage(Beton.gallview);}).delay(500);
            }
        }

    },

    video:function(){
        //initialize video func
        fURI = null;
        $$('.vidthumbnail').each(function(i,k){
            if (!k) Beton.videoURI = '/video/view:' + i.get('alt');
            i.addEvents({
                mouseover: function(){
                    this.tween('background-color', '#e4e4e4', '#a8a8a8');
                },
                mouseout: function(){
                    this.tween('background-color', '#a8a8a8', '#e4e4e4');
                },
                click: function(e){
                    Beton.insertVideo('/video/view:' + this.get('alt'));
                }
            })

        });

        return Beton.videoURI;
    },

    insertVideo:function(uri){
        if(Beton.workprog) return;
        Beton.workprog = true;
        $('playercont').setStyle('display', 'block');
        $('imageview').fade('out');
        Beton.destroyVideo();
        //alert(uri);
        Beton.videoURI = uri;
        (function(){
            sizex = 690;
            sizey = 388;
            $('viewcont').morph({'height': sizey});

            (function(){new Element('iframe', {'src':'http://beton.serymoon.mine.nu' + Beton.videoURI, 'id': 'playerframe',
            'frameborder': 0, 'marginwidth': 0,'marginheight':0,'scrolling': 'no'}).inject('playercont');
                (function(){
                    $('playercont').fade('in');
                    (function(){Beton.workprog = false;}).delay(500);
                }).delay(500);
            }).delay(500);
        }).delay(700);
    },

    destroyVideo:function(){
        $('playercont').fade('out');
        if ($('playerframe')) {
            $('playercont').fade('out');
            (function(){
                $('playerframe').destroy();
            }).delay(600);
        }

    },

    gallery:function (){
        // initialize gallery images
        
        $$('.thumbnail').each(function(i, k){
            if (!k) Beton.gallview = i.get('src').replace('/thumbs/', '/');

            i.addEvents({
                mouseover: function(){
                    this.tween('background-color', '#e4e4e4', '#a8a8a8');
                    //(function(){this.tween('border', '1px solid #bcbcbc', '1px solid #d7d7d7')}).delay(1000, this);
                },
                mouseout: function(){
                    this.tween('background-color', '#a8a8a8', '#e4e4e4');
                    //(function(){this.tween('border', '1px solid #d7d7d7', '1px solid #bcbcbc')}).delay(1000, this);
                },
                click: function(e){
                    Beton.loadImage(this.get('src').replace('/thumbs/', '/'));
                }
            })
        });
        return Beton.gallview;
    },
    loadImage:function(imgURI){
        if(Beton.workprog) return;
        
        $('imageview').setStyle('display', 'block');
        $('imageview').fade('out');
        
        Beton.destroyVideo();
        //if ($('playerframe')) $('playerframe').fade('out');
        Beton.gallview = imgURI;
        //$('imageview').set('src', img);
        (function(){Beton.gallnext = Asset.image(Beton.gallview, {onLoad: 'Beton.galloaded()'})}).delay(500);
    },
    galloaded: function (){
        Beton.workprog = true;
        $('imageview').set('src', Beton.gallview);

        (function(){

            sizex = $('imageview').getStyle('width');
            sizey = $('imageview').getStyle('height');
            $('viewcont').morph({'height': sizey});
            (function(){
                $('imageview').fade('in');
                (function(){Beton.workprog = false;}).delay(500);
            }).delay(500);
        }).delay(700);

    },

    promotions: function(){
        //bg = $('promo_bg');

        // collect all header img && prepare buttons;

        $$('.promo-bg').each(function(i){
            Beton.promobgs.push(i.getStyle('background-image').trim().replace('url(', '').replace(')', '').replace(/"/gi, '')); //

        });
        $$('.promo-img').each(function(i, k){

            x = new Element('span', {'class': 'pnavib'}).inject($('pnavibs'));
            if (!k) x.addClass('selected')
            Beton.promoimgs.push(i.get('src'));
            if (k === 0) i.set('id', 'himgreplace');
        })

        $$('.promo-url').each(function(i){
            Beton.promourl.push(i.get('href'));
            //alert(i.get('href'));
        });
        //Beton.promocount = Beton.promobgs.length;
        if (Beton.promocount = Beton.promobgs.length) Beton.promocurrent = 0;
        //alert(Beton.promobgs + 'xxxxx' + Beton.promoimgs)
        $('promo_bg').setStyle('background-image', 'url(' + Beton.promobgs[0] + ')');
        $('promo_fade').fade('out');


        (function() {
            $('promo_fade').setStyle('display', 'block')
            $('phidden_bg').setStyle('background', 'transparent')
        }).delay(1000);

        (function() {
            Beton.promocurrent += 1;
            if (Beton.promocurrent == Beton.promocount) {
                Beton.promocurrent = 0;
            }
            mw = $('promo_margin').getCoordinates().left;

            $$('.pnavib').each(function(i, key){
                if (key == Beton.promocurrent) {
                    i.addClass('selected')
                }
                else {
                    i.removeClass('selected')
                }
            })

            //alert(mw)
            $('promo_fade').setStyles({'background-image': 'url(' + Beton.promobgs[Beton.promocurrent] + ')'});
            $('pfade_margin').setStyle('margin', '0 ' + mw + 'px')
            $('pfade_img').set('src', Beton.promoimgs[Beton.promocurrent])
            $('pfade_a').set('href', Beton.promourl[Beton.promocurrent])
            $('promo_fade').fade('in');
            (function(){
                $('promo_bg').setStyle('background-image', 'url(' + Beton.promobgs[Beton.promocurrent] + ')');
                $('himgreplace').set('src', Beton.promoimgs[Beton.promocurrent]);
                $('phidden_a').set('href', Beton.promourl[Beton.promocurrent])
                //alert(Beton.promourl[Beton.promocurrent])
                $('promo_fade').fade('out');
            }).delay(1000);
        }).periodical(5000)
    }//*/

}//*/
//Beton.beton();
//alert('aa');



Sjs.addLoader(Beton.beton)




//alert('SSDFF')
//Sjs.addLoader()
window.addEvent('domready', function() {
    Sjs.autoLoad();
})