$(document).ready(function() {

    $('#overlay li a').live('click', function(){
        clearInterval(sint);
        pid = $(this).html();
        pid = parseInt(pid -1);

        $('.pics').fadeOut(); 
        
        $('.pan_btn').removeClass('panoramic_on');
        
        $('#panoramic_'+pid).delay(400).fadeIn();
        btnId='.pan_btn_'+(pid+1);
        $(btnId).addClass('panoramic_on');  
        var sint = setInterval(autoRotate, 10000); 
    });
    
    
    
    function autoRotate()
    {
        pics = $('#HomeTop .pics');
        for(i=0; i<pics.length; i++)
        {
            if(document.getElementById('panoramic_'+i).style.display == 'block')
            {
                current =document.getElementById('panoramic_'+i).id.split('_')[1];
            }       
        }
        $('.pics').fadeOut();
        $('.pan_btn').removeClass('panoramic_on');
        if(current == (pics.length - 1))
            current =0;
        else
            current++;
        $('#panoramic_' +current).delay(400).fadeIn();
        
        $('.pan_btn_'+(current+1)).addClass('panoramic_on');
 
    }
    $(function() {
        var sint = setInterval(autoRotate, 10000);
    });
    
 });