globals={

	  bi:null,
        gi:null,
        b_in:{},
        g_in:{},
        base:'/i/js_anim/',
        imgs:[['lite','glass_lite'],['desjatka','glass'],
        ['zolotoe','glass'],['troickoe','glass_troickoe'],['bezalk','glass_bezalk'],['krepkoe','glass_krepkoe'],['ekstra','glass'],['porter','glass_porter'],
	['beloe','glass_white'],['ice','glass']],
        
        cur:0
}


init=function()
{
    preld= new Array();
    for(i=1;i<globals.imgs.length;i++)
    {
            preld.push(globals.imgs[i][0]);    
            preld.push(globals.imgs[i][1]);    
    }
    
   $.preload(preld, 
    {
         base:globals.base,
         ext:'.png'         
    });
    
    globals.b=$("#bottle");
    globals.m=$("#move");
    globals.g=$("#glass");
    globals.bi=$("#png8b");
    globals.gi=$("#png8g");
    globals.b_in={marginLeft:globals.b.css('marginLeft')}    
    globals.g_in={marginLeft:globals.g.css('marginLeft')}
    globals.m_in={marginLeft:globals.m.css('marginLeft')}
    move(0);
}


function move(lr)
{
	if(globals.animating)return;
    if(!lr){globals.cur--;if(globals.cur<0){globals.cur=globals.imgs.length-1;}
    
    globals.m.css({'margin-left':'200px'});
    }else{globals.cur++;
    globals.m.css(globals.m_in);    
    if(globals.cur>globals.imgs.length-1){globals.cur=0;}}
    globals.b[0].className=globals.imgs[globals.cur][0];
    globals.g.attr('id',globals.imgs[globals.cur][1]); 
    
    
    
	   globals.bi.css({opacity:0.95});
	   globals.gi.css({opacity:0.95});
    globals.b.css(globals.b_in);
    globals.g.css(globals.g_in); 

    left=((globals.cur-1)<0)?(globals.imgs.length-1):globals.cur-1;    
    
    $('div.dsc-left >img')[0].src=globals.base+globals.imgs[left][0]+'_dsc.jpg';
    $('div.dsc-center>img')[0].src=globals.base+globals.imgs[globals.cur][0]+'_big.jpg';    
    right=((globals.cur+1)>globals.imgs.length-1)?0:globals.cur+1;        
    $('div.dsc-right > img')[0].src=globals.base+globals.imgs[right][0]+'_dsc.jpg'    
    
    b=$('#btxt'); b.hide();
    b[0].innerHTML=$('div.'+globals.imgs[globals.cur][0]+'-t')[0].innerHTML;
	b.fadeIn({duration:600});
    
    
    doanimate();
}

function move2(){
    
                doanimateback();      

}
function fa()
{
	  globals.animating=0;    
      //globals.g.animate({marginLeft:-10},{duration:350,easing:"easeOutBack"}).animate({marginLeft:0},{duration:350,easing:"easeOutBack"});


      
      
}

doanimate=function(bottle_i,glass_i)
{     
    	
        globals.animating=1;   


      globals.m.animate({marginLeft:110},{duration:750,easing:"easeOutQuart",complete:fa});
      globals.b.animate({marginLeft:-80},{duration:850,easing:"easeOutQuart"});
      
}
 
 
 
   $(document).ready(function() {
   init();
   });