//var nSlideStep = 116;
var nSlideStep = 115;
var nScrollPos = 0;
var nSlides = 0;
var nCurrentSlide = 0;
var aCidPositions = new Array();
var bScrollable = true;
var scroll_spd = 348;
var nCid = 0;


function addCitySlide(cid)
{
    aCidPositions[cid] = (nSlides * nSlideStep);
    nSlides++;
}

function lockScroll()
{
    bScrollable = false;
}

function unlockScroll()
{
    bScrollable = true;    
}

function scrollToCity(cid)
{
    var pane = document.getElementById('idScrollPane');
    nCid = cid;
    
    $(('#img'+nCid)).css('opacity', '1');
    
    if(typeof aCidPositions != "undefined" && typeof aCidPositions[cid] != "undefined" && aCidPositions[cid] > pane.scrollLeft &&
       aCidPositions[cid] < (pane.scrollLeft + nSlideStep * 3))
       return false;
    else
    {
        nScrollPos = aCidPositions[cid];
        
        if(nScrollPos)
        {
            lockScroll();
            
            $('#idScrollPane').scrollLeft(nScrollPos);
            
//            $('#idScrollPane').animate
//            (
//                {
//                    scrollLeft: nScrollPos
//                },
//                 scroll_spd,
//                 'easeOutCirc',
//                 function()
//                 {
//                    unlockScroll();
//                 }
//            );
            
            unlockScroll();
        }
    }
    
    return false;
    
}

$(document).ready( function()
{
    $('#slCity .item').hover( function()
    {
        $(this).css('opacity', '1');
    });
    
    $('#slCity .item').mouseleave( function()
    {
        $(this).css('opacity', '0.5');
        $(('#img'+nCid)).css('opacity', '1');
    });
    
    
    $('#idHeadNext').click( function()
    {
        if(!bScrollable) return false;
        
        var pane = document.getElementById('idScrollPane');
        nCurrentSlide = parseInt(nScrollPos / nSlideStep);
        nScrollPos = pane.scrollLeft;

        if(nCurrentSlide == (nSlides - 3))
        {
            lockScroll();
            
            nCurrentSlide = 0;
            nScrollPos = 0;    

            $('#idScrollPane').animate
            (
                {
                    scrollLeft: nScrollPos
                },
                 scroll_spd,
                 'easeOutCirc',
                 function()
                 {
                    unlockScroll();
                 }
            );
            
            return false;
        }

        lockScroll();
            
        nCurrentSlide++;
        nScrollPos += nSlideStep;    

        $('#idScrollPane').animate
        (
            {
                scrollLeft: nScrollPos
            },
             scroll_spd,
             'easeOutCirc',
             function()
             {
                unlockScroll();
             }
        );
        
        return false;
    });
    
    $('#idHeadPrev').click( function()
    {
        if(!bScrollable) return false;
        
        
        var pane = document.getElementById('idScrollPane');
        nCurrentSlide = parseInt(nScrollPos / nSlideStep);
        nScrollPos = pane.scrollLeft;
        
        
        if(nCurrentSlide == 0)
        {
            nCurrentSlide = nSlides - 3;
            
            lockScroll();
            
            nScrollPos = nCurrentSlide * nSlideStep;    

            $('#idScrollPane').animate
            (
                {
                    scrollLeft: nScrollPos
                },
                 scroll_spd,
                 'easeOutCirc',
                 function()
                 {
                    unlockScroll();
                 }
            );
            
            return false;
        }
            
        lockScroll(); 
        
        nCurrentSlide--;
        nScrollPos -= nSlideStep;
        
        $('#idScrollPane').animate
        (
            {
                scrollLeft: nScrollPos
            },
             scroll_spd,
             'easeOutCirc',
             function()
             {
                unlockScroll();
             }
        );
        
        
        return false;
    });
});