﻿window.addEvent('domready', function() {
    /////////////////////////////////////////////////////////////

    $('vincomm').addEvents({
        'mouseenter': function(e) {
            $('splashMain').setStyle('background', 'url(imagesDesign/splashMain5.jpg) no-repeat left top');
            $$('#splashMain div').innerHTML = ('Hello World');
        }
    });
    $('Vintalk').addEvents({
        'mouseenter': function(e) {
            $('splashMain').setStyle('background', 'url(imagesDesign/splashMain2.jpg) no-repeat left top');
            $$('#splashMain div').innerHTML = ('Hello World');
        }
    });
    $('vincall').addEvents({
        'mouseenter': function(e) {
            $('splashMain').setStyle('background', 'url(imagesDesign/splashMain6.jpg) no-repeat left top');
            $$('#splashMain div').innerHTML = ('Hello World');
        }
    });
    $('splashBoxes').addEvents({
        'mouseleave': function(e) {
            $('splashMain').setStyle('background', 'Transparent');
            $$('#splashMain div').innerHTML = ('&nbsp;');
        }
    });



    /////////////////////////////////////////////////////////////

    $$('#splashBoxes a').each(function(el) {

        var fx = new Fx.Tween(el, {
            duration: 200,
            /*transition: 'linear:in:out',*/
            link: 'cancel'

        });
        var fx2 = new Fx.Tween(el, {
            duration: 200,
            /*transition: 'linear:in:out',*/
            link: 'cancel'

        });

        el.addEvents({
            'mouseenter': function(e) {
                e.stop();
                el.setStyle('background', 'url(imagesDesign/slideBoxBg.gif) no-repeat left top');
                /*fx.start('margin-top', '0px');
                fx2.start('padding-bottom', '30px');*/
                el.setStyle('margin-top', '0px');
                el.setStyle('padding-bottom', '30px');
            },
            'mouseleave': function(e) {
                e.stop();
                el.setStyle('margin-top', '30px');
                el.setStyle('padding-bottom', '0px')
                el.setStyle('background', 'Transparent');
                $('splashMain').setStyle('background', 'Transparent');
            }
        });
    });


});
