//insite lite v.5

var insite = {
    currPage    : 1,
    totalPages  : 0,
    defaultTransition : 'crossfade',
    transitionSpeed : 250,
    transitioning : false,
};
// jQuery.fx.off = false;
// var $ = jQuery.noConflict();

// testing

//-----

insite.changePage = function(nextPage) {
	if (nextPage == insite.currPage) {
        return;
    }
    var nextTransition = '';
    insite.transitioning = true;
    
 	if (nextPage < 0 || nextPage > insite.totalPages) {
 	    nextPage == 1;
 	}
 	
 	//set up pagination
 	if (nextPage != insite.totalPages) {
        $('#arrow-next').css({ 'visibility' : 'visible'});
 	} else {
        $('#arrow-next').css({ 'visibility' : 'hidden'});
 	}
 	if (nextPage != 1) {
        $('#arrow-prev').css({ 'visibility' : 'visible'});
 	} else {
        $('#arrow-prev').css({ 'visibility' : 'hidden'});
 	}
 	
 	//transition preparation
 	$nextElem = $('#page' + nextPage);
 	$currElem = $('#page' +  insite.currPage);
 	$bothElems = $('#page' +  insite.currPage + ',#page' + nextPage);
 	nextTransition = $nextElem.attr('transition') || insite.defaultTransition;
 	
 	if (insite.currPage == 0) {
 	    nextTransition = '';
 	}
 	switch(nextTransition) {
 	    case('crossfade'):
			//$('#insite-pages').css('background-image', 'none');
			//$nextElem.fadeIn(insite.transitionSpeed);
			$nextElem.css('opacity', '0');
			$nextElem.animate({'opacity' : '1'}, this.transitionSpeed, 'easeInOutQuad', function(){$nextElem.css('display', 'block')});
			$currElem.css('opacity', '1');
			$currElem.animate({'opacity' : '0'}, this.transitionSpeed, 'easeInOutQuad', function(){$currElem.css({'display' : 'none', 'opacity' : ''}); insite.transitioning = false;});
 	        /* $currElem.fadeOut(insite.transitionSpeed, function(){
 	            //$nextElem.css('position', 'relative');
				//$('#insite-pages').css('background-image', '');
 	            insite.transitioning = false;
 	        }); */
 	        break;
 	    case('fade to black'):
 	        /*$('#insite-pages').css({
				'background-color' : '#ff0080',
				'background-image' : 'none'
			});*/
			$nextElem.css('position', 'absolute');
			$currElem.css('position', 'absolute');
 	        $currElem.fadeOut(insite.transitionSpeed, function(){
				$nextElem.fadeIn(insite.transitionSpeed, 
					function(){
	     	            $nextElem.css({ 'position' : 'relative' });
						$currElem.css({ 'position' : 'relative' });
						/*$('#insite-pages').css({
							'background-color' : '',
							'background-image' : ''
						});*/
	     	            insite.transitioning = false;
	 	    	});
 	        });
 	        break;
 	    case('fade to white'):
 	        $('#insite-pages').css({
				'background-color' : '#FFF',
				'background-image' : 'none'
			});
 	        $nextElem.css({ 'position' : 'absolute' });
 	        $currElem.fadeOut(insite.transitionSpeed, function(){
 	            $nextElem.fadeIn(insite.transitionSpeed, function(){
     	            $nextElem.css({ 'position' : 'relative' });
					$('#insite-pages').css({
						'background-color' : '',
						'background-image' : ''
					});
     	            insite.transitioning = false;
 	            });
 	        });
 	        break;
		case('wipe'):
 	        if (nextPage > insite.currPage) {
				$currElem.css({ 'display' : 'block' });
				$currElem.css({ 'position' : 'absolute' });
				$currElem.css({ 'left' : '0px' });
				$currElem.animate({'left' : '780px'}, this.transitionSpeed, 'easeOutCubic', function(){
 	                    $currElem.css({
 	                        'display' : 'none',
 	                        'position' : '',
 	                        'left' : ''
 	                    });
						});
				
 	            $nextElem.css({ 'display' : 'block' });
				$nextElem.css({ 'position' : 'absolute' });
				$nextElem.css({ 'left' : '-780px' });
				
				$nextElem.animate({'left' : '0px'}, this.transitionSpeed, 'easeOutCubic', function(){
 	                    $nextElem.css({
 	                        'position' : 'static',
 	                        'left' : '0px'
 	                    });
						});
				insite.transitioning = false;
 	        } else {
				$currElem.css({ 'display' : 'block' });
				$currElem.css({ 'position' : 'absolute' });
				$currElem.css({ 'left' : '0px' });
				$currElem.animate({'left' : '-780px'}, this.transitionSpeed, 'easeOutCubic', function(){
 	                    $currElem.css({
 	                        'display' : 'none',
 	                        'position' : '',
 	                        'left' : ''
 	                    });
						});
				
 	            $nextElem.css({ 'display' : 'block' });
				$nextElem.css({ 'position' : 'absolute' });
				$nextElem.css({ 'left' : '780px' });
				
				$nextElem.animate({'left' : '0px'}, this.transitionSpeed, 'easeOutCubic', function(){
 	                    $nextElem.css({
 	                        'position' : 'static',
 	                        'left' : '0px'
 	                    });
						});
				insite.transitioning = false;
 	        }
 	        break;
 	    default:
 	        $nextElem.fadeIn(insite.transitionSpeed, function(){ 
                insite.transitioning = false;
 	        });
 	}
 	insite.currPage = nextPage;
 	
};

$(document).ready(function(){
 	var counter = 0;
 	    
	$('#insite-pages div').each(function(){
 	    $(this).css('display', 'none');
    	insite.totalPages++;
 	});
 	    
	
    $('#arrow-prev').click(function(){
        if (insite.transitioning == false) {
            insite.changePage(insite.currPage - 1);
        }
    });

    $('#arrow-next').click(function(){
        if (insite.transitioning == false) {
            insite.changePage(insite.currPage + 1);
        }
    });
	
	$('#arrow-prev').css({ 'visibility' : 'hidden'});
	$('#page1').css({ 'display' : 'block', 'opacity' : '0'});
	$('#page1').animate({'opacity' : '1'}, 250, 'easeOutQuad', function(){insite.transitioning = false;});
    
});