var hash_str = '';
function SetAnimateCss(animate_pos, hash)
{
    var old_hash = hash_str;
    SIDE_SLIDE.animate(animate_pos, ANIMATION_DISABLED || hash == hash_str ? 1 : 0);
    hash_str = hash;
    
    $('#inner-nav td').removeClass('selected-page');
    
    switch(old_hash)
    {
        case 'promo':
            $('#inner-nav td.first-page').removeClass('first-page-e')
            break;
        case 'how-it-works':
            $('#inner-nav td.second-page').removeClass('second-page-e');
            break;
        case 'where-do-we-start':
            $('#inner-nav td.third-page').removeClass('third-page-e');
            break;
    }
    
    switch(hash)
    {
        case 'promo':
            $('#inner-nav td.first-page').addClass('selected-page')
            $('#inner-nav td.first-page').addClass('first-page-e')
            break;
        case 'how-it-works':
            $('#inner-nav td.second-page').addClass('selected-page');
            $('#inner-nav td.second-page').addClass('second-page-e');
            break;
        case 'where-do-we-start':
            $('#inner-nav td.third-page').addClass('selected-page');
            $('#inner-nav td.third-page').addClass('third-page-e');
            break;
    }
}

var ANIMATION_DISABLED = false;
$(document).ready(function() {	
    SetAnimateCss(0, 'promo');	
});

SIDE_SLIDE = function () {
	var indexWidth;
	var $Indexs			= $('#IndexSlide,#IndexPage1,#IndexPage2,#IndexPage3')
	var $IndexSlideBox	= $('#IndexSlideBox');
	var d				= 1;
	var step			= 0;
	
	function animate(new_step, an_off)
	{
		step = new_step;
		if (an_off)
        {
			$IndexSlideBox.dequeue().css({ marginLeft: -new_step * indexWidth});
		}
        else
        {
			$IndexSlideBox.dequeue().animate({ marginLeft: -new_step * indexWidth}, 'slow');
		}
	};	
	
	$(window)
		.resize(function ()
		{
			indexWidth	= $(window).width();
			$Indexs.width(indexWidth);
			animate(step, 1);
		})
		.resize();
	;
	return {
		animate : animate
	}
}();