// remap jQuery to $
(function($){})(window.jQuery);


/* trigger when page is ready */
$(document).ready(function (){
														
// Click Navigation Scrolling
	$('a[href=#]').click(function(){
				$.scrollTo(0,'slow');
				return false;
				});
	
	$('a[href=#aboutSpacer]').click(function(){
				$.scrollTo('#aboutSpacer','slow');
				return false;
				});
	$('a[href=#equipmentSpacer]').click(function(){
				$.scrollTo('#equipmentSpacer','slow');
				return false;
				});
	
	$('a[href=#productsSpacer]').click(function(){
				$.scrollTo('#productsSpacer','slow');
				return false;
				})
	
	$('a[href=#binderySpacer]').click(function(){
				$.scrollTo('#binderySpacer','slow');
				return false;
				});
	
	$('a[href=#contactSpacer]').click(function(){
				$.scrollTo('#contactSpacer','slow');
				return false;
				});
	
//Nav backer annimation
	
	$('<img id="navigation_blob" src="http://www.mediacopyonline.com/_/images/bg_navScroller.png" />').css({
				width:$('#navigation li:first a').width() + 30,
				height:$('#navigation li:first a').height() + 30,
				zIndex:'-10',
				left:'0',
				}).appendTo('#navigation');

	
		


	
	//Moves blob on section  scroll position
	var $sections = $('.section');  // all content sections
	var $navs = $('#nav > ul > li');  // all nav sections
	
	var topsArray = $sections.map(function() {
		return $(this).position().top - 200;  // make array of the tops of content
	}).get();                                 //   sections, with some padding to
											  //   change the class a little sooner
	var len = topsArray.length;  // quantity of total sections
	var currentIndex = 0;        // current section selected
	
	var getCurrent = function( top ) {   // take the current top position, and see which
		for( var i = 0; i < len; i++ ) {   // index should be displayed
			if( top > topsArray[i] && topsArray[i+1] && top < topsArray[i+1] ) {
				return i;
			}
		}
	};
	
	   // on scroll,  call the getCurrent() function above, and see if we are in the
	   //    current displayed section. If not, add the "selected" class to the
	   //    current nav, and remove it from the previous "selected" nav
	$(window).scroll(function(e) {
							  
							  
							  
		var scrollTop = $(this).scrollTop();
		var checkIndex = getCurrent( scrollTop );
		if( checkIndex !== currentIndex ) {
				currentIndex = checkIndex;
				$('#navigation_blob').animate(
					{width:$($navs.eq(checkIndex)).width()+20,
					left:$($navs.eq(checkIndex)).position().left+2
					},
					{duration: 'fast', 
					queue:false}
					)
				$navs.eq(currentIndex).addClass("selected").siblings(".selected").removeClass("selected")	
			};
  $('#header').position().top = (window.pageYOffset + window.innerHeight - 25);
	});
	

//Bindary Nav backer annimation

	

	//Bindery Slideshow
	var $binderyImages = $('#binderySlider > img');  // all content sections
	var $bindaryNavs = $('ul#binderyNav > li');  // all binderyNav sections
				

	
	$('<img id="bindrery_blob" src="http://www.mediacopyonline.com/_/images/bg_navScroller.png" />').css({	
				top:$($bindaryNavs.eq(0)).position().top,
				zIndex:'-10',
				}).appendTo('#binderyNav');



$('<img id="bindrery_bg" src="http://www.mediacopyonline.com/_/images/bg_binderyList.png" />').css({
				top:$($bindaryNavs.eq(0)).position().top - 35,
				left:$($bindaryNavs.eq(0)).position().left - 50,
				width:'200',
				zIndex:'-20',
				}).appendTo('#binderyNav');


	$bindaryNavs.eq(0).addClass("selected").siblings(".selected").removeClass("selected");



$('a#binderyLink0').click(function(){
			$binderyImages.animate(
					{opacity:'hide'},100,'swing');
			$binderyImages.eq(0).animate(
					{opacity:'show'},300,'swing');
			$('#bindrery_blob').animate(
					{top:$($bindaryNavs.eq(0)).position().top,
					},
					{duration: 'fast', 
					queue:false}
					)
			$bindaryNavs.eq(0).addClass("selected").siblings(".selected").removeClass("selected");
			return false;
	});
	$('a#binderyLink1').click(function(){
			$binderyImages.animate(
					{opacity:'hide'},100,'swing');
			$binderyImages.eq(1).animate(
					{opacity:'show'},300,'swing');
			$('#bindrery_blob').animate(
					{top:$($bindaryNavs.eq(1)).position().top,
					},
					{duration: 'fast', 
					queue:false}
					)
			$bindaryNavs.eq(1).addClass("selected").siblings(".selected").removeClass("selected");
			return false;
	});
	$('a#binderyLink2').click(function(){
			$binderyImages.animate(
					{opacity:'hide'},100,'swing');
			$binderyImages.eq(2).animate(
					{opacity:'show'},300,'swing');
			$('#bindrery_blob').animate(
					{top:$($bindaryNavs.eq(2)).position().top,
					},
					{duration: 'fast', 
					queue:false}
					)
		$bindaryNavs.eq(2).addClass("selected").siblings(".selected").removeClass("selected");
			return false;
	});
	$('a#binderyLink3').click(function(){
			$binderyImages.animate(
					{opacity:'hide'},100,'swing');
			$binderyImages.eq(3).animate(
					{opacity:'show'},300,'swing');
			$('#bindrery_blob').animate(
					{top:$($bindaryNavs.eq(3)).position().top,
					},
					{duration: 'fast', 
					queue:false}
					)
			$bindaryNavs.eq(3).addClass("selected").siblings(".selected").removeClass("selected");
			return false;
	});
	$('a#binderyLink4').click(function(){
			$binderyImages.animate(
					{opacity:'hide'},100,'swing');
			$binderyImages.eq(4).animate(
					{opacity:'show'},300,'swing');
			$('#bindrery_blob').animate(
					{top:$($bindaryNavs.eq(4)).position().top,
					},
					{duration: 'fast', 
					queue:false}
					)
			$bindaryNavs.eq(4).addClass("selected").siblings(".selected").removeClass("selected");
			return false;
	});
	

	
	
					
});
	
	
/// JavaScript Document