window.addEvent('domready', function(){
            
    if ($('productarea')){
           
            var myFx = new Fx.Scroll($('productarea'), {duration:'1000', mode: 'horizontal'});
            
            
            var myFx2 = new Fx.Scroll($('productarea'), {duration:'12000', mode: 'horizontal',   onCancel: function(){
                var coords = $('cat1start').getPosition($('productscroller'))
                var xpos = coords.x
               //alert(xpos); 
                }});

            var myelements = $$('#productareainner .cat1 img'); 
            myelements.each(function(item, index) {
                var originalsrc = item.getProperty('src');
                item.addEvents({
                    'mouseover': function(){ item.setProperty('src','images/home/scroller/rollovers/1.jpg'); },
                    'mouseleave': function(){ item.setProperty('src',originalsrc); }
                });	
             });

            var mybuttons = $$('#buttons li'); 
            mybuttons.each(function(item, index) {
                item.addEvents({
                    'mouseover': function(){ 
                        item.setStyles({
                        background: 'url(images/home/scroller/rollovers/product_roll.gif)',
                        color: '#FFFFFF'
                        });
                     },
                    'mouseleave': function(){ 
                        item.setStyles({
                        background: 'none',
                        color: '#7f7f7f'
                        });
                     }
                });	
             });


            var myelements = $$('#productareainner .cat2 img'); 
            myelements.each(function(item, index) {
                var originalsrc = item.getProperty('src');
                item.addEvents({
                    'mouseover': function(){ item.setProperty('src','images/home/scroller/rollovers/2.jpg'); },
                    'mouseleave': function(){ item.setProperty('src',originalsrc); }
                });	
             });

            var myelements = $$('#productareainner .cat3 img'); 
            myelements.each(function(item, index) {
                var originalsrc = item.getProperty('src');
                item.addEvents({
                    'mouseover': function(){ item.setProperty('src','images/home/scroller/rollovers/3.jpg'); },
                    'mouseleave': function(){ item.setProperty('src',originalsrc); }
                });	
             });

            var myelements = $$('#productareainner .cat4 img'); 
            myelements.each(function(item, index) {
                var originalsrc = item.getProperty('src');
                item.addEvents({
                    'mouseover': function(){ item.setProperty('src','images/home/scroller/rollovers/4.jpg'); },
                    'mouseleave': function(){ item.setProperty('src',originalsrc); }
                });	
             });

            var myelements = $$('#productareainner .cat5 img'); 
            myelements.each(function(item, index) {
                var originalsrc = item.getProperty('src');
                item.addEvents({
                    'mouseover': function(){ item.setProperty('src','images/home/scroller/rollovers/5.jpg'); },
                    'mouseleave': function(){ item.setProperty('src',originalsrc); }
                });	
             });

            if ($('productarea').scrollWidth > $('productarea').offsetWidth) {
            
	       /*     $('rightArrow').addEvents({
		            'mouseenter': function(){
                        myFx2.toRight();
		            },
		            'mouseleave': function(){
                        myFx2.cancel();
		            }
	            });
	            $('leftArrow').addEvents({
		            'mouseenter': function(){
                        myFx2.toLeft();
	            },
		            'mouseleave': function(){
                        myFx2.cancel();
		            }
	            }); */
	            
	            // MM edit start
	            
	            var current_pos = 0;
	            var x_amount = 630;
	            var container_size = $('productarea').scrollWidth;
	            $('leftArrow').addClass('transparent');
	            
				$('rightArrow').addEvent('click', function(){
					if((current_pos + x_amount) < container_size){
						myFx.cancel();
						current_pos += x_amount;
						myFx.start(current_pos, 0);
						if(!$('rightArrow').hasClass('transparent') && (current_pos + x_amount) >= container_size){
							$('rightArrow').addClass('transparent');
						}
						if($('leftArrow').hasClass('transparent')){
							$('leftArrow').removeClass('transparent');
						}
					}
				});
	            
				$('leftArrow').addEvent('click', function(){
					if(current_pos > 0){
						myFx.cancel();
						current_pos -= x_amount;
						myFx.start(current_pos, 0);
						if(!$('leftArrow').hasClass('transparent') && current_pos <= 0){
							$('leftArrow').addClass('transparent');
						}
						if($('rightArrow').hasClass('transparent')){
							$('rightArrow').removeClass('transparent');
						}
					}
				});
	            
	            // MM edit end
	            
	            

                $('button1').addEvent('click', function(){
                        myFx.start(0, 0);
                });

                $('button2').addEvent('click', function(){
                        myFx.start(124, 0);
                });
                $('button3').addEvent('click', function(){
                        myFx.start(250, 0);
                });
                $('button4').addEvent('click', function(){
                        myFx.start(376, 0);
                });
                $('button5').addEvent('click', function(){
                        myFx.start(2265, 0);
                });
            
            }else{
                //hide the arrows
                //alert('a');
                if ($('leftArrow')){
                    $('leftArrow').setStyle('visibility', 'hidden');
                }
                if ($('rightArrow')){
                    $('rightArrow').setStyle('visibility', 'hidden');
                }
            }		            	        
            
    };  


});