$(document).ready(function(){
	$(".left-arrow").css("display","none");
	$(".left-arrow").css("opacity","0");
	setTimeout(function(){$(".left-arrow").css("display","");},1000);

	fCalculateSize();

	$(".left-arrow").on("click",function(){
		fStepLeft();
	});

	$(".right-arrow").on("click",function(){
		fStepRight();
	});

	$("body").on("swipeleft",function(){
		fStepRight();
	});

	$("body").on("swiperight",function(){
		fStepLeft();
	});



	$("body").keydown(function(e) {
		if(e.which == 37)
		{
			fStepLeft();
		}
		else if(e.which == 39)
		{
			fStepRight();
		}
	});
	
	
	//simons fix for ios, more ugly but also more functional
	if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
		if($(window).outerWidth() < 435 || $(window).outerHeight() < 625){
			$('.slide-1').css("overflow-y","scroll");
		}
	}

});

$(window).resize(function(){
	fCalculateSize();
	
	
	//simons fix for ios, more ugly but also more functional
	if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
		if($(window).outerWidth() < 435 || $(window).outerHeight() < 625){
			$('.slide-1').css("overflow-y","scroll");
			$('#content-box-id').addClass("content-box-1");
		}
	}
});

var nCurrentStep = 0;
var nStepSize = 0;

function fCalculateSize()
{
	nStepSize = $(window).width();
	$(".slides").css("margin-left","-"+(nStepSize*nCurrentStep)+"px");
}

function fStepLeft()
{
	nCurrentStep-=1;
	if(nCurrentStep<=0)
	{
		nCurrentStep=0;
		$(".left-arrow").css("opacity","0");
	}
	if(nCurrentStep<$(".slide-container").length-1)
	{
		$(".right-arrow").css("opacity","");
	}
	fCalculateSize();
}

function fStepRight()
{
	nCurrentStep+=1;
	if(nCurrentStep>=$(".slide-container").length-1)
	{
		nCurrentStep=$(".slide-container").length-1;
		$(".right-arrow").css("opacity","0");
	}
	if(nCurrentStep>0)
	{
		$(".left-arrow").css("opacity","");
	}
	fCalculateSize();
}