setTimeout("display()",5000);
   


function display(){
    window.addEvent('domready', function(){
                       $$('img.coloured-image').each(function(element){
                          element.toGreyscale();
                         })

                            var szNormal = 250,szSmall  = 80/*onepanel*/, szFull=760;//szfull:2panel size
                            var cur;
                            var kwicks = $$("#kwicks li.kwick");
                            var fx = new Fx.Elements(kwicks, {wait: false, duration: 1200,transition: Fx.Transitions.Back.easeOut});
                            kwicks.each(function(kwick, i) {
                                    kwick.addEvent("click", function(event) {                                        
                                        $$('img.coloured-image').each(function(element,j){
                                                    if(i==j){
                                                         cur=i;
                                                        element.toSaturated();
                                                    }else{
                                                         element.toGreyscale();
                                                    }
                                                    

                                            })
                                         var o = {};
                                            o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
                                            kwicks.each(function(other, j) {
                                                    if(i != j) {
                                                            var w = other.getStyle("width").toInt();
                                                            if(w != szSmall) o[j] = {width: [w, szSmall]};
                                                    }
                                            });
                                            fx.start(o);
                                    })
                                    kwick.addEvent("mouseenter", function(event) {

                                            $$('img.coloured-image').each(function(element,g){
                                                    if(i==g){
                                                        //element.toGreyscale();
                                                        element.toSaturated();
                                                        $("kwicks").addEvent("mouseleave", function(event) {

                                                                $$('img.coloured-image').each(function(element,k){
                                                                                if(g==k && g!= cur){
                                                                                    element.toGreyscale();
                                                                                }

                                                                        })

                                                        });
                                                    }else if(cur!=g){
                                                        element.toGreyscale();
                                                    }                      
                                            })


                                           
                                    })
                                     

                            


                            

                            })










    })
}