var _scroll;
$(document).ready(function(){
    _scroll={};
    _scroll.step_count = 4;
    _scroll.position = 2;
    _scroll.w1 = parseInt($("#sky").css('width'));
    _scroll.w2 = parseInt($("#city").css('width'));
    _scroll.step = Math.round((_scroll.w1-(parseInt($('body').width())))/_scroll.step_count/2);
    _scroll.step2 = Math.round((_scroll.w2-(parseInt($('body').width())))/_scroll.step_count);
    $("#scroll-left a").bind('click',function(){
        if (--_scroll.position < 0) _scroll.position = 0;
        $("#sky").animate({left: -(_scroll.position*_scroll.step)}, 1200);
        $("#city").animate({left: -(_scroll.position*_scroll.step2)}, 1200);
        return false;
    });
	
    $("#scroll-right a").bind('click',function(){
		if (++_scroll.position >= 4) _scroll.position = 4;
		if (_scroll.position == 4){
		$("#sky").animate({right: 0}, 10);
        $("#city").animate({right: 0}, 10);
		
		};
		if (_scroll.position <= 4){
		$("#sky").animate({left: -(_scroll.position*_scroll.step)}, 1200);
        $("#city").animate({left: -(_scroll.position*_scroll.step2)}, 1200);};
        return false;
    });
	
});