function blockEvent(event)
{
    if (!event)
    {
        event = window.event;
    }
    if(event.stopPropagation) event.stopPropagation();
    else event.cancelBubble = true;
    if(event.preventDefault) event.preventDefault();
    else event.returnValue = false;
}

showcasevm_onImagesMOver = function (obj, img_opts)
{


    var el = Ext.get(obj);

    var imgs = img_opts.images = Ext.get(el.query('.showcase1_images')[0]);

    var imgTags = imgs.query('.showcase1_img div img.showcase1_img_img');
    for(var i=0; i<imgTags.length; ++i)
    {
         var imgObj = Ext.get(imgTags[i]);
         imgObj.applyStyles('width:'+img_opts.img_width+'px');
    }

    var opts = img_opts;
    el.on('mouseover', showcasevm_onOver_listener, el, opts);
    el.on('mousemove', showcasevm_onMove_listener, el, opts);
    el.on('mouseout' , showcasevm_onOut_listener , el, opts);
    el.dom.onmousewheel  = showcasevm_onWheel_listener;
    if ( typeof(el.dom.addEventListener) != 'undefined' )
        el.dom.addEventListener('DOMMouseScroll', showcasevm_onWheel_listener, true);


    //el.on('scroll'   , showcasevm_onWheel_listener , el, opts);
    //alert(el.dom.style.marginLeft = 200);
    //window.status = el.dom.style.marginLeft;
    //el.setLeft(el.getLeft()+5);

}

showcasevm_onImagesMMove = function (obj)
{
      showcasevm_onImagesMOver(obj);
}

showcasevm_onOver_listener = function (evnt, target, opts)
{
    if ( opts != null )  this.opts =  opts;
    var imgs = this.opts.images;
    
    if (target != null) 
    {
        target = Ext.get(target);
        imgs.isScrolling = '';
        if (target.hasClass ("showcase1_left_sroller"))
           imgs.isScrolling = 'left';
        else if (target.hasClass("showcase1_right_sroller"))
           imgs.isScrolling = 'right';
    }

    imgs.opts = this.opts;
    imgs.showcasevm_onEndAnimation_listener = showcasevm_onEndAnimation_listener;
    imgs.showcasevm_onEndAnimation_listener(imgs);
}



showcasevm_onEndAnimation_listener = function (obj, options)
{
    //var img_margin = 10;
    var imgs = this;
    var img_width = imgs.opts.img_width;// 158;
    var img_height = imgs.opts.img_height;//115;
    var img_div_width = img_width+6;//164;
    var pictures_number = imgs.opts.img_number;//8;
    var div_width = imgs.opts.div_width;//672;    
    var easeDuration = 0.5;
    var img_aspect_ratio = img_width/img_height;


    //var scrollBy = img_div_width;
    //var scrollMax = (img_width+img_margin)*pictures_number - div_width;
    //var center_x = imgs.parent().getLeft() + div_width/2;
    //alert(imgs.opts.img_width);
    
    if (typeof(imgs.current_pic)=='undefined') imgs.current_pic = 2;

    var imgDivs = imgs.query('.showcase1_img');
    var imgTags = imgs.query('.showcase1_img div img.showcase1_img_img');
    //var imgShadowTags = imgs.query('.showcase1_img div img.showcase1_shadow');

    //var margImg = imgs.getMargins();
    //var marg =  Ext.get(imgDivs[0]).getMargins();

    var delta = 0;
/*
    if(imgs.isScrolling == 'left' && marg.left<picture_margin)
        delta = Math.min(marg.left+scrollBy, -picture_margin) - marg.left;
    else if(imgs.isScrolling == 'right' && marg.left>-scrollMax)
        delta =  Math.max(marg.left-scrollBy, -scrollMax)- marg.left;
*/
    if(imgs.isScrolling == 'left' && imgs.current_pic>0)
        delta = -1;
    else if(imgs.isScrolling == 'right' && imgs.current_pic < (pictures_number-1))
        delta = 1;

    if(delta != 0)
    {

       imgs.current_pic += delta;
       var left_images_width = img_div_width/2;
       for(var i=0; i<imgTags.length; ++i)
       {
             var imgObj = Ext.get(imgTags[i]);
             var imgDiv = Ext.get(imgDivs[i]);
             //var imgObjShadow = Ext.get(imgShadowTags[i]);
             //var radius = Math.abs(imgDiv.getLeft()+ picture_size/2-center_x) ;   
             //var radiusNew = picture_size -  Math.abs(imgDiv.getLeft() + picture_size/2 -center_x)/4;
             //var widthNew = img_width -  Math.abs(imgDiv.getLeft() + img_width/2 - imgs.getLeft())/4;
             var numDelta = Math.abs(i-imgs.current_pic);
             var widthDelta  =  numDelta==0 ? 0 : 30*(2 - 1/numDelta);
             var heightDelta  =  widthDelta / img_aspect_ratio;
             var widthNew    = img_width - widthDelta;
             var widthNewDiv = img_div_width - widthDelta;
             if (i<imgs.current_pic) left_images_width += widthNewDiv;
             //var radiusDelta =  radiusNew - radius;

             if(i==imgs.current_pic) imgObj.addClass('showcase1_bordered')
             else if(imgObj.hasClass('showcase1_bordered')) imgObj.removeClass('showcase1_bordered');

             //if(i==imgs.current_pic) imgObjShadow.addClass('showcase1_bordered2')
             //else if(imgObjShadow.hasClass('showcase1_bordered')) imgObjShadow.removeClass('showcase1_bordered2');

             //var imgDelta = (picture_size- radius/10);
             imgObj.animate( {  width       : {to: widthNew }} , easeDuration, null, 'easeNone', 'run');
             //imgObjShadow.animate( {  width       : {to: widthNew }} , easeDuration, null, 'easeNone', 'run');
             //imgObj.animate( {  marginTop   : {to: heightDelta/2 }} , easeDuration, null, 'easeNone', 'run');
             //imgDiv.animate( {  marginLeft: {by: delta }} , easeDuration, null, 'easeNone', 'run');
       }
       imgs.animate( { marginLeft: {to: (div_width/2 - left_images_width)} }, easeDuration+0.1, showcasevm_onEndAnimation_listener, 'easeNone', 'run');
    }

}

showcasevm_onMove_listener = function (evnt, target, opts)
{
    //this.applyStyles('margin-left:-100px');
   // window.status = this.getMargins();
}

showcasevm_onOut_listener = function (evnt, target, opts)
{
    this.opts.images.isScrolling = '';
    //this.applyStyles('margin-left:10px');
    //window.status = this.getMargins();
}

showcasevm_onWheel_listener = function (evnt, target, opts)
{
    if (!evnt) evnt = window.event;
    
    var el = Ext.get(this);
    if(!el.opts.images.isScrolling)
    {
        //var s = '';
        //for (var a in evnt) s += a + ' = ' + evnt[a] + '\n';
        //alert(s);
        if (evnt.wheelDelta) 
        {
            // В IE и Opera при сдвиге колеса на один шаг event.wheelDelta принимает значение 120
            // Значения сдвига в этих двух браузерах совпадают по знаку.
            wheelDelta = evnt.wheelDelta/120;
        } 
        else if (evnt.detail) 
        {
            // В Mozilla, значение wheelDelta отличается по знаку от значения в IE.
            // Сдвиг колеса на один шаг соответствует значению 3 параметра event.detail          
            wheelDelta = -evnt.detail/3;
        }   

        if (wheelDelta)
        {
            el.opts.images.isScrolling = (wheelDelta > 0) ? 'right' : 'left';

            showcasevm_onOver_listener.call(el);
        }
        
    }
    
    blockEvent(evnt);
    
}