function mainfunc (func){
    this[func].apply(this, Array.prototype.slice.call(arguments, 1));
}

$(window).load(function() {

	var spinWindmill1 = "";
	var reel_1 = $("#reel_1");
	var reel_2 = $("#reel_2");
	var reel_3 = $("#reel_3");
	var reel_4 = $("#reel_4");
	var reel_5 = $("#reel_5");
	
	var reel1act1 = $("#reel1act1");
	var reel1act2 = $("#reel1act2");
	var reel1act3 = $("#reel1act3");
	var reel1act4 = $("#reel1act4");
	var reel1act5 = $("#reel1act5");
	var reel1act6 = $("#reel1act6");
	var reel_1_title = $("#reel_1_title");
	var reel_2_title = $("#reel_2_title");
	var reel2act1 = $("#reel2act1");
	var reel2act3 = $("#reel2act3");
	var reel2act4 = $("#reel2act4");
	var reel2act5 = $("#reel2act5");
	var reel2act6 = $("#reel2act6");
	var reel2act7 = $("#reel2act7");
	var reel2act1img = $("#reel2act1 img");
	var reel_3_title = $("#reel_3_title");
	var reel3act1 = $("#reel3act1");
	var reel3act2 = $("#reel3act2");
	var reel3act3 = $("#reel3act3");
	var reel3act4 = $("#reel3act4");
	var reel3act5 = $("#reel3act5");
	var reel3act6 = $("#reel3act6");
	var reel3act7 = $("#reel3act7");
	var reel_4_title = $("#reel_4_title");
	var reel4act1 = $("#reel4act1");
	var reel5act1 = $("#reel5act1");
	var reel_5_title = $("#reel_5_title");
	var reel5act2 = $("#reel5act2");
	var reel5act3 = $("#reel5act3");
	var reel5act4 = $("#reel5act4");
	var reel5act5 = $("#reel5act5");
	
	reelActivity1 = function(){
			reel_1_title.fadeIn(2000);
			
				reel1act1.show();
				reel1act1.animate({"left": "436"}, 750, function() {
					reel1act2.fadeIn(2000, function(){
					
						reel1act3.show();
						reel1act3.animate({"left": "267"}, 750, function() {
							
							reel1act4.fadeIn(2000, function(){
							
								reel1act5.show();
								reel1act5.animate({"left": "108"}, 750, function() {
									
									reel1act6.fadeIn(2000, function(){});});
							});
						});
					});
				});
			

	}
	reelActivity2 = function(){
		reel_2_title.fadeIn(2000);
		reel2act1.animate({"top": "324px", "bottom": "0px"}, 0, function() {
		reel2act1.show();
		reel2act1.animate({"top": "270px"}, 500, function() {
			reel2act1img.attr("src", "/images/uploads/core/imgActivitySolutionsArrowsBottomSolid.gif");
			reel2act3.show();
			reel2act4.show();
			reel2act5.show();
			reel2act6.show();
			reel2act7.show();
			reel2act3.animate({"top": "149px"}, 1000);
			reel2act4.animate({"top": "46px"}, 1000);
			reel2act5.animate({"top": "181px"}, 1000);
			reel2act6.animate({"top": "95px"}, 1000);
			reel2act7.animate({"top": "-13px"}, 1000);
		});
		});
	}
	reelActivity3 = function(){
		reel_3_title.fadeIn(2000);
		reel3act1.fadeIn(1000, function(){
			reel3act2.fadeIn(1000, function(){
				reel3act3.fadeIn(1000, function(){
					reel3act4.fadeIn(1000, function(){
						reel3act5.fadeIn(1000, function(){	
							reel3act6.fadeIn(1000, function(){
								reel3act7.fadeIn(1000, function(){});});
						});
					});
				});
			});
		});
	}
	reelActivity4 = function(){
		reel_4_title.fadeIn(2000, function(){

		});
			reel4act1.show();
           		 reel4act1.animate({
	      	         left: "2880px"
	      	  }, 4000); 
	}

	reelActivity5 = function(){
		//reel5act1.show();
		reel_5_title.fadeIn(2000);
		reel5act1.fadeIn(3500, function() {
			
			
			


			


			
			
		});
				var angle = 0;
				spinWindmill1 = setInterval(function(){
				      angle+=3;
				     reel5act2.rotate(angle);
					reel5act3.rotate(angle);
					reel5act4.rotate(angle);
					reel5act5.rotate(angle);
				},50);		
	}
	reelActivity1off = function(){
		reel_1.hide();
		reel_1_title.hide();
		reel1act1.hide();
		reel1act1.animate({"left": "0px"}, 0, function() {});
		reel1act2.hide();
		
		reel1act3.hide();
		reel1act3.animate({"left": "0px"}, 0, function() {});
		reel1act4.hide();
		
		reel1act5.hide();
		reel1act5.animate({"left": "0px"}, 0, function() {});
		reel1act6.hide();
		
	}
	reelActivity2off = function(){
		reel2act1.hide();
		reel_2.hide();
		reel_2_title.hide();
		reel2act1img.attr("src", "/images/uploads/core/imgActivitySolutionsArrowsBottom.gif");	
		reel2act1.animate({"top": "324px", "bottom": "0px"}, 1000, function() {});
		reel2act3.hide();
		reel2act3.css("top","270px");
		reel2act3.css("bottom","84px");
		reel2act4.hide();
		reel2act4.css("top","270px");
		reel2act4.css("bottom","84px");
		reel2act5.hide();
		reel2act5.css("top","270px");
		reel2act5.css("bottom","84px");
		reel2act6.hide();
		reel2act6.css("top","270px");
		reel2act6.css("bottom","84px");
		reel2act7.hide();
		reel2act7.css("top","270px");
		reel2act7.css("bottom","84px");
	}
	reelActivity3off = function(){
		reel_3.hide();
		reel_3_title.hide();
		reel3act1.hide();
		reel3act2.hide();
		reel3act3.hide();
		reel3act4.hide();
		reel3act5.hide();
		reel3act6.hide();
		reel3act7.hide();
	}
	reelActivity4off = function(){
		reel4act1.hide();

		reel4act1.css({"left": "2520px"});
		reel_4_title.hide();
		reel_4.hide();
	}

	reelActivity5off = function(){
		reel_5.hide();
		clearInterval(spinWindmill1);
		reel5act1.hide();

		//reel5act1.css({"left": "4800px"});
		
		//reel5act1.css({"top": "324px","bottom": "0px"});

		reel_5_title.hide();
	}
	//Set Default State of each portfolio piece
	$(".paging").show();
	$(".paging a:first").addClass("active");
	var pagingImage = $(".paging a:first img").attr("src"); //get img src and replace _off with _on
	pagingImage = pagingImage.replace("_off","_on");
	$(".paging a:first img").attr("src", pagingImage);

	reel_1.fadeIn(2000);
	reelActivity1();


	//Get size of images, how many there are, then determin the size of the image reel.
	var imageWidth = $(".window").width();
	var imageSum = $(".image_reel img").size();
	var imageReelWidth = imageWidth * imageSum;

	//Adjust the image reel to its new size
	$(".image_reel").css({'width' : imageReelWidth});

	//Paging + Slider Function
	rotateWindow = function(){
		reelActivity1off();
		reelActivity2off();
		reelActivity3off();
		reelActivity4off();
		reelActivity5off();
		var triggerID = $active.attr("rel") - 1; //Get number of times to slide
		var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
		

		var pagingImage = $(".paging a.active img").attr("src"); //get img src and replace _on with _off, i.e. disable all active states
		pagingImage = pagingImage.replace("_on","_off");
		$(".paging a.active img").attr("src", pagingImage);
		//$("#reel_" + $active.attr("rel")).fadeOut(2000);
		$(".paging a").removeClass('active'); //Remove all active class
		

		$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
		var pagingImage = $(".paging a.active img").attr("src"); //get img src and replace _off with _on for selected section
		pagingImage = pagingImage.replace("_off","_on");
		$(".paging a.active img").attr("src", pagingImage);
		
		$("#reel_" + $active.attr("rel")).fadeIn(2000);

		//alert($active.attr("rel"));

		//Slider Animation
		$(".image_reel").animate({
			left: -image_reelPosition
		}, 500, function(){ 
			mainfunc("reelActivity" + $active.attr("rel"));
		});
		//reelActivity1();
		
		//if(triggerID == 0){triggerID = 5;}
		//mainfunc("reelActivity" + triggerID );
		//reelActivity1off();
	};


	//Rotation + Timing Event
	rotateSwitch = function(){
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			
			$active = $('.paging a.active').next();
			if ( $active.length === 0) { //If paging reaches the end...
				$active = $('.paging a:first'); //go back to first
			}
			rotateWindow(); //Trigger the paging and slider function
		}, 12000); //Timer speed in milliseconds (12 seconds)
	};

	rotateSwitch();

if ( ! $.browser.msie ) {	
	window.addEventListener('focus', function(){rotateSwitch();},false);
	window.addEventListener('blur', function(){clearInterval(play);},false);
}else{
	window.attachEvent('focus', function(){rotateSwitch();},false);
	window.attachEvent('blur', function(){clearInterval(play);},false);
}	


	//On Hover
	$(".image_reel img").hover(function() {
		clearInterval(play); //Stop the rotation
	}, function() {
		rotateSwitch(); //Resume rotation
	});

	//On Click
	$(".paging a").click(function() {
		$active = $(this); //Activate the clicked paging
		//Reset Timer
		clearInterval(play); //Stop the rotation
		rotateWindow(); //Trigger rotation immediately

		rotateSwitch(); // Resume rotation
		return false; //Prevent browser jump to link anchor
	});

});

//quickview js
$(document).ready(function(){

	$('a.poplight[href^=#]').click(function() {
		var popID = $(this).attr('rel'); //Get Popup Name
		var popURL = $(this).attr('href'); //Get Popup href to define size

		var query= popURL.split('?');
		var dim= query[1].split('&');
		var popWidth = dim[0].split('=')[1]; //Gets the first query string value

		$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img border="0" src="/images/uploads/mainnav/btnQuickviewCloseView.gif" class="btn_close" title="Close Window" alt="Close" /></a>');

		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;

		$('#' + popID).css({
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});


		return false;
	});


	$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
	  	$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();
	}); 

		return false;
	});


});