$('#test li').mouseover(function(evt){
        $(this).addClass('click-target');
        $els = $(this).parents('.samples').find('li');
        $($els.get(2)).css('marginRight','-100%');
        $els.each(function(idx, el){
            $(this).stop(true, true);
            var fromClass= '';
            if($(this).is('.tertiary')){
                fromClass = 'tertiary';
            }else if($(this).is('.secondary')){
                fromClass = 'secondary';
            }else{
                fromClass = 'primary';
            }
            var toClass='';
            if($(this).is('.click-target')){
                toClass = 'primary';
                $(this).addClass('front');
                $(this).removeClass('back').removeClass('middle');
            }else if(($(this).prev('li').is('.click-target')) || ($(this).next('li').is('.click-target'))){
                toClass = 'secondary';
                $(this).addClass('middle');
                $(this).removeClass('back').removeClass('front');
            }else{
                toClass = 'tertiary';
                $(this).addClass('back');
                $(this).removeClass('front').removeClass('middle');
            }
            var margins='';
            if(((toClass==='tertiary'||toClass==='primary')&&(idx===0||idx===2))||(toClass=='secondary' && idx==1)){
                margins = '-66px';
            }else{
                margins = '-85px';
            }
            if(idx===0) {
                margins='0px';
            }
            if(fromClass != toClass){
                if(toClass === 'primary'){ 
                    $(this).animate({width:'240px',marginTop:'4px',marginLeft:margins}, 400, 'swing', function(){$(this).addClass('primary').removeClass('secondary').removeClass('tertiary');});
                }
                if(toClass === 'secondary'){
                    $(this).animate({width:'200px',marginTop:'50px',marginLeft:margins}, 400, 'swing', function(){$(this).addClass('secondary').removeClass('primary').removeClass('tertiary');});
                }
                if(toClass === 'tertiary'){
                    $(this).animate({width:'164px',marginTop:'90px',marginLeft:margins}, 400, 'swing', function(){$(this).addClass('tertiary').removeClass('secondary').removeClass('primary');});
                }
            }
        });
        $(this).removeClass('click-target');
        return false;
    });