window.addEvent('domready', function() {

    var array = $$('#topimages');

    var time = 10;
    var transition = 'Fx.Transitions.Back.easeOut';

    $$(".slideDiv").each(function(e, i, a) {
        if (i > 0) {
            e.setStyle("left", "-300px");
        }
    });
    array.each(function(el, i, a) {

        $('innerTopImg1').addEvents({ 'mouseenter': function() {
            this.set('morph', {}).morph({ top: 0, opacity: 1.0 });
            $('innerTopImg2').morph({ top: -30, opacity: 0.5 });
            $('innerTopImg3').morph({ top: -30, opacity: 0.5 });

        },
            'mouseleave': function() {
                this.set('morph', {}).morph({ top: 0, opacity: 1.0 });
                $('innerTopImg2').morph({ top: 0, opacity: 1.0, duration: time });
                $('innerTopImg3').morph({ top: 0, opacity: 1.0, duration: time });
            }
        });

        //...................................................................................	
        $('innerTopImg2').addEvents({ 'mouseenter': function() {
            this.set('morph', {}).morph({ top: 0, opacity: 1.0 });
            $('innerTopImg1').morph({ top: -30, opacity: 0.5 });
            $('innerTopImg3').morph({ top: -30, opacity: 0.5 });

        },

            'mouseleave': function() {
                this.set('morph', {}).morph({ top: 0, opacity: 1.0 });
                $('innerTopImg1').morph({ top: 0, opacity: 1.0 });
                $('innerTopImg3').morph({ top: 0, opacity: 1.0 });
            }
        });

        //...................................................................................	
        $('innerTopImg3').addEvents({ 'mouseenter': function() {
            this.set('morph', {}).morph({ top: 0, opacity: 1.0 });
            $('innerTopImg1').morph({ top: -30, opacity: 0.5 });
            $('innerTopImg2').morph({ top: -30, opacity: 0.5 });

        },
            'mouseleave': function() {
                this.set('morph', {}).morph({ top: 0, opacity: 1.0 });
                $('innerTopImg1').morph({ top: 0, opacity: 1.0 });
                $('innerTopImg2').morph({ top: 0, opacity: 1.0 });
            }
        });


        // var V2 = new viewer($$('#mask2 div')).play(true);




        //        var V1_container = $('box1');
        //        var V1_mask = V1_container.getParent();
        //        var V1_items = V1_container.getChildren();
        //        var V1 = new viewer(V1_items, { mode: 'left', fxOptions: { duration: 1500 }, interval: 10000 });
        //        V1_mask.addEvents({
        //            'mouseenter': V1.stop.bind(V1),
        //            'mouseleave': V1.play.bind(V1, [true])
        //        });
        //        V1.play(true);

        //Load Assets



        if (Browser.Engine.trident && Browser.Engine.version == 4) {

            var V2 = new viewer($$('#mask2 div')).play(true);

        }
        else {
            var images = ['http://www.campbellharrison.co.uk/resources/images/wideBan1.jpg'];
            var loader = new Asset.images(images, {
                onComplete: function() {
                    var newImg = new Element('img', { src: images[0], "class": "pngfix" });
                    newImg.setStyle("opacity", 0);
                    newImg.inject($('topbanner1'));
                    newImg.morph({ "opacity": 1 });
                    //alert(images[0]);
                    var subimages = [
                    'http://www.campbellharrison.co.uk/resources/images/wideBan2.jpg',
                    'http://www.campbellharrison.co.uk/resources/images/wideBan3.jpg',
                    'http://www.campbellharrison.co.uk/resources/images/wideBan4.jpg'
                ];
                    var subloader = new Asset.images(subimages, {
                        onComplete: function() {
                            new Element('img', { src: subimages[0] }).inject($('topbanner2'));
                            new Element('img', { src: subimages[1] }).inject($('topbanner3'));
                            new Element('img', { src: subimages[2] }).inject($('topbanner4'));

                            var V2 = new viewer($$('#mask2 div')).play(true);
                            $("preloadAnimation").setStyle("display", "none");
                            $("preloadTopBanner").setStyle("display", "none");
                        }
                    });
                } 
            });
        }




        // corner Rollover

        var array = $$('.CornerRollover');
        array.each(function(el, i, a) {

            el.addEvents({
                mouseenter: function() {
                    el.setStyle('background-position', 'bottom');
                },
                mouseleave: function() {
                    el.setStyle('background-position', 'top');
                }
            });
        });
    });
});