$(document).ready(function(){
	$('#slider').css('overflow', 'hidden');
	$('#content').prepend('<div id="load">Loading</div>');
	$('#content').css('overflow-y', 'hidden');
	$('.tx-zeroslider-pi1').css('visibility', 'hidden');
	$('#slider').css('visibility', 'hidden');
	$('#slidernavi').css('visibility', 'hidden');
	$('#slider').css('opacity', '0');
	$('#slidernavi').css('opacity', '0');
    /*$('#slider').hide('fast');
    $('#slidernavi').hide('fast'); */
});

$(window).load(function() {
	$('#content #load').remove();
	$('#content').css('overflow-y', 'auto');
	$('.tx-zeroslider-pi1').css('visibility', 'visible');
	$('#slider').css('visibility', 'visible');
	$('#slidernavi').css('visibility', 'visible');
	$('#slidernavi').animate({'opacity': 1}, 1000);
	$('#slider').animate({'opacity': 1}, 1000);
});



$(function() {
	var totalPanels = $('.scrollContainer').children().size();
	var constMovingDistance = 258;
	var regWidth = $('.panel').css('width');
	var movingDistance = constMovingDistance;
	var curWidth = 410;
    var padding = 8;
	var $panels = $('#slider .scrollContainer > div');
	var $container = $('#slider .scrollContainer');

	$('#slider').data('totalPanels', totalPanels);
	$('#slider').data('currentlyMoving', false)
	$('#slider').data('curPanel', 1);
	//$('#lastpagecontent').data('currentlyMoving', false);
	$container.css('width', ($panels[0].offsetWidth * $panels.length) + 100 ).css('left', '0px');
	$('#slider .scrollContainer .panel').each(
		function(idx) {
			$(this).data('index', (++idx));
    	}
	);
	
	$('.panel').each(
		function() {
			$(this).css('opacity', '0.2');
		}
	);
	/*for(i=0 ; i <= totalPanels ; i++) {
		//$('#panel_' + (i+1)).css({'opacity':'0.2'});
		$('#panel_' + (i+1)).fadeTo(0, 0.2);
		$('#panel_' + (i+1)).data('index', (i+1));
	};*/

	function contentFadeOut(element) {
		$(element).fadeTo('slow', 0.2);
	};

	function contentFadeIn(element) {
		$(element).fadeTo('slow', 1.0);
	}

	$.setCurrentPanel = function(next) {
    	var fadeout = 0.2;
		var curPanel = $('#slider').data('curPanel');
		if((next > totalPanels) || (curPanel > totalPanels) || (parseFloat(next) < 1) || (curPanel == parseFloat(next)) ) { //|| (curPanel == parseFloat(next) && next != 1)
			return false;
		}
		else {
			if (next==null || next=='undefined') // init
				next=1;
			var direction = parseFloat(next) > curPanel;  //direction true = right, false = left
			if (($('#slider').data('currentlyMoving') == false)) {
				var count = Math.abs(next - curPanel);
				var correction = 0;
				// set movingDistance
				if(curPanel < 2) {
					if (count > 1) {
						movingDistance=curWidth + padding;
						correction = 160; //curWidth - constMovingDistance;
					}
					else {
						movingDistance = constMovingDistance;
					}
				}
				else {
					if(count > 1 && parseFloat(next) == 1) {
						movingDistance=curWidth + padding;
						correction = 160;//curWidth - constMovingDistance;
					}
					else {
						if(!direction && curPanel == 2) {
							movingDistance=constMovingDistance;
						}
						else {
							movingDistance=curWidth + padding;
						}
					}
				}
				$('#slider').data('currentlyMoving', true);
				var leftValue = $('.scrollContainer').css('left');
				var movement = direction ? parseFloat(leftValue) - (count*movingDistance)+correction : parseFloat(leftValue) + (count*movingDistance)-correction;
				//document.getElementById('msg').innerHTML='movement='+movement + ', ' +msg;
				$('.scrollContainer').stop().animate({'left': movement},500, function() {$('#slider').data('currentlyMoving', false);});
				$('#panel_' + curPanel).css('cursor', 'pointer');
				$('#panel_' + next).css('cursor', 'default');
				contentFadeOut('#panel_' + curPanel);
				contentFadeIn('#panel_' + next);
				curPanel = parseFloat(next);
				$('#slider').data('curPanel', curPanel);
			}
			//document.getElementById('msg').innerHTML='next='+next+', curPanel='+curPanel+', movingDistance=' + movingDistance + ', movement='+movement+', correction='+correction+', padding='+padding+', direction='+direction;
		}
	}

	// Set up 'Current' panel and next
	if (totalPanels > 0) {
		$.setCurrentPanel();
	}
	var iScrollDist = 60;
	$('.scrollup').click(
		function() {
			oContentPanel = $('#' + $(this).attr('rel'));
			//if (!oContentPanel.data('currentlyMoving') || oContentPanel.data('currentlyMoving')=='undefined') {
				//if(oContentPanel.data('currentlyMoving')=='undefined') 
				//	oContentPanel.data('currentlyMoving') = false;
				var pos = oContentPanel.position();
				if(pos.top < 0/* && !oContentPanel.data('currentlyMoving'*/) {
					//oContentPanel.data('currentlyMoving', true);
					var top = pos.top + iScrollDist;
					//alert(top);
					if (top > 3) top = '3';
					oContentPanel.stop().animate({'top': top}, 300);//, function() {oContentPanel.data('currentlyMoving', false);});
				}
			//}
			return false;
		}
	);
	
	$('.scrolldown').click(
		function() {
			oContentPanel = $('#' + $(this).attr('rel'));
			if (oContentPanel.length > 0) {
			//if (!oContentPanel.data('currentlyMoving') || oContentPanel.data('currentlyMoving')=='undefined') {
				//if(oContentPanel.data('currentlyMoving')=='undefined') 
					//oContentPanel.data('currentlyMoving') = false;
				var pos = oContentPanel.position();
				if( pos.top > -oContentPanel.height() + oContentPanel.parent().height()/* && !oContentPanel.data('currentlyMoving')*/) {
					var top = pos.top - iScrollDist;
					if (top < -oContentPanel.height() + oContentPanel.parent().height()) 
						top = -oContentPanel.height() + oContentPanel.parent().height();
					//oContentPanel.data('currentlyMoving', true);
					oContentPanel.stop().animate({'top': top}, 300);//, function() {oContentPanel.data('currentlyMoving', false);});
				}
			//}
			}
			return false;
		}
	);
});















/*
width=410
padding=8
constant=258
corr=width-constant=160
410-152=258
(730-width-2*padding)=152
         function bindHover(element) {
         	$(element).bind('mouseover', function() {
                 	document.getElementById('msg').innerHTML='hover '+jjj;
                         jjj++;
                         $('#slider #panel_'+$(element).data('index')+' .inside .description').show('fast');
                         //$('#slider #panel_'+$(element).data('index')+' .inside .description').toggle();
                 });
         	$(element).bind('mouseout', function() {
                 	document.getElementById('msg').innerHTML='out'+jjj;
                         jjj++;
                         //$('#slider #panel_'+$(element).data('index')+' .inside .description').toggle();
                         $('#slider #panel_'+$(element).data('index')+' .inside .description').hide('fast');
                 });
                 /*$(element).hover(
                 	function() {
                         document.getElementById('msg').innerHTML='hover';
                         $('#slider #panel_'+$(element).data('index')+' .inside .description').toggle();
                 	},
                 	function() {
                         document.getElementById('msg').innerHTML='out';
                         $('#slider #panel_'+$(element).data('index')+' .inside .description').toggle();
                         }
                 );
         }
         function unbindHover(element) {
         	$(element).unbind('mouseover');
         	$(element).unbind('mouseout');
         }
         */