var currentMargin = 0;
function smoothScroll(dir){
	var content = $('#verticalContent1');
	var height = content.height();
	var containerHeight = 205;
	var maxMargin = height - containerHeight;
	
	if (dir == "next") {
	currentMargin += containerHeight;
		if(currentMargin > maxMargin){
			currentMargin = maxMargin;
		}
	}
	else {
		currentMargin -= containerHeight;
		if(currentMargin < 0){
			currentMargin = 0;
		}
	}
	if(currentMargin == 0){
				$('#upArrow').addClass("upDisabled");
			} else {
				$('#upArrow').removeClass("upDisabled");
			}
			
			if(currentMargin == maxMargin){
				$('#downArrow').addClass("downDisabled");
			} else {
				$('#downArrow').removeClass("downDisabled");
			}
		content.animate({
						marginTop: "-" + currentMargin + "px" }, 1000 );
						}

$(window).load(function(){
	$('.subMainImg').fadeIn(1000);
	$('#loading').hide();
	$('#mainScroll').fadeIn(3000);
	$('#socialMedia').fadeIn(1200);
});
$(document).ready(

// to fade-in any div 
function(){
	
	$('#imgHolder').fadeIn(900);		
		});

// up and down slider code
        var currentPanel = 1;
        var maxPanel = 4;
        function scroll(dir) {
            var next
            if (dir == "next") {
                if (currentPanel == maxPanel) {return;}
				next = currentPanel + 1;
            } else {
                if (currentPanel == 1) {return;}
				next = currentPanel - 1;
            }
            var visiblePanel = $('#verticalContent' + currentPanel);
            var nextPanel = $('#verticalContent' + next);

            visiblePanel.slideUp(750);
            nextPanel.slideDown(1000);

            currentPanel = next;
			if(currentPanel == 1){
				$('#upArrow').addClass("upDisabled");
			} else {
				$('#upArrow').removeClass("upDisabled");
			}
			
			if(currentPanel == maxPanel){
				$('#downArrow').addClass("downDisabled");
			} else {
				$('#downArrow').removeClass("downDisabled");
			}
        }