/*
* Author:      Marco Kuiper (http://www.marcofolio.net/)
*/

// Speed of the automatic slideshow
var slideshowSpeed = 6000;

// Variable to store the images we need to set as background
// which also includes some text and url's.
var photos = [ {
		"title" : "",
		"image" : "B090_banner.jpg",
		"url" : "http://www.modularconveyors.com.au/default/b-flex-b090",
		"firstline" : "B-Flex B090",
		"secondline" : "The B090 is a heavier duty version of the B045. The B090 is able to handle larger and heavier products, is double the height, and can be made to order with a greater width and length than the B045."
	}, {
		"title" : "",
		"image" : "B045_banner.jpg",
		"url" : "http://www.modularconveyors.com.au/default/b-flex-b045",
		"firstline" : "B-Flex B045",
		"secondline" : "The B045 is an innovative and low cost response to a variety of industrial handling needs, and is best suited for small to medium duty applications. This model is particularly suitable for companies who need machines for the packaging, labelling, and printing processes."
	}, {
		"title" : "",
		"image" : "B075_banner.jpg",
		"url" : "http://www.modularconveyors.com.au/default/b-flex-b075",
		"firstline" : "B-Flex C075",
		"secondline" : "The C075 is suited for the food and beverage, pharmaceutical and packaging industries. A single beam system utilising a table-top chain, the C075 is suitable for both wet and dry running applications and pallet handling."
  }
];



$(document).ready(function() {
		
	// Backwards navigation
	$("#back").click(function() {
		stopAnimation();
		navigate("back");
	});
	
	// Forward navigation
	$("#next").click(function() {
		stopAnimation();
		navigate("next");
	});
	
	var interval;
	$("#control").toggle(function(){
		stopAnimation();
	}, function() {
		// Change the background image to "pause"
		$(this).css({ "background-image" : "url(images/btn_pause.png)" });
		
		// Show the next image
		navigate("next");
		
		// Start playing the animation
		interval = setInterval(function() {
			navigate("next");
		}, slideshowSpeed);
	});
	
	
	var activeContainer = 1;	
	var currentImg = 0;
	var animating = false;
	var navigate = function(direction) {
		// Check if no animation is running. If it is, prevent the action
		if(animating) {
			return;
		}
		
		// Check which current image we need to show
		if(direction == "next") {
			currentImg++;
			if(currentImg == photos.length + 1) {
				currentImg = 1;
			}
		} else {
			currentImg--;
			if(currentImg == 0) {
				currentImg = photos.length;
			}
		}
		
		// Check which container we need to use
		var currentContainer = activeContainer;
		if(activeContainer == 1) {
			activeContainer = 2;
		} else {
			activeContainer = 1;
		}
		
		showImage(photos[currentImg - 1], currentContainer, activeContainer);
		
	};
	
	var currentZindex = -1;
	var showImage = function(photoObject, currentContainer, activeContainer) {
		animating = true;
		
		// Make sure the new container is always on the background
		currentZindex++;
		
		// Set the background image of the new active container
		$("#headerimg" + activeContainer).css({
			"background-image" : "url(../images/" + photoObject.image + ")",
			"display" : "block",
			"z-index" : currentZindex
		});
		
		// Hide the header text
		$("#headertxt").css({"display" : "none"});
		
		// Set the new header text
		$("#firstline").html(photoObject.firstline);
		$("#secondline")
			.attr("href", photoObject.url)
			.html(photoObject.secondline);
		$("#pictureduri")
			.attr("href", photoObject.url)
			.html(photoObject.title);
		
		
		// Fade out the current container
		// and display the header text when animation is complete
		$("#headerimg" + currentContainer).fadeOut(function() {
			setTimeout(function() {
				$("#headertxt").css({"display" : "block"});
				animating = false;
			}, 100);
		});
	};
	
	var stopAnimation = function() {
		// Change the background image to "play"
		$("#control").css({ "background-image" : "url(images/btn_play.png)" });
		
		// Clear the interval
		clearInterval(interval);
	};
	
	// We should statically set the first image
	navigate("next");
	
	// Start playing the animation
	interval = setInterval(function() {
		navigate("next");
	}, slideshowSpeed);
	
});

//*************************--------END---------****************************
function dropdownMenu(){
	var nav_menu0_active = false;
	var nav_sub_menu0_active = false;
	var nav_menu1_active = false;
	var nav_sub_menu1_active = false;
	
		jQuery('#nav_sub_menu0').mouseenter(function() {
				nav_sub_menu0_active = true;
		});
		jQuery('#nav_sub_menu0').mouseleave(function() {
				nav_sub_menu0_active = false;
				setTimeout(function() {
					if (!nav_menu0_active) {
						jQuery('#nav_sub_menu0').slideUp('slow');
					}
				}, 1);
		});
		
		jQuery('#nav_sub_menu1').mouseenter(function() {
      nav_sub_menu1_active = true;
		});
		jQuery('#nav_sub_menu1').mouseleave(function() {
				nav_sub_menu1_active = false;
				setTimeout(function() {
					if (!nav_menu1_active) {
						jQuery('#nav_sub_menu1').slideUp('Slow');
					}
				}, 1);
		});

		// ************dropdown ******** //
		//About us
			jQuery('.m_about').mouseenter(function() {
					nav_menu0_active = true;
					jQuery('#nav_sub_menu0').slideDown('Slow');
			});
			jQuery('.m_about').mouseleave(function() {
					nav_menu0_active = false;
					setTimeout(function() {
						if (!nav_sub_menu0_active) {
							jQuery('#nav_sub_menu0').slideUp('Slow');
						}
					}, 1);
			});			
			jQuery('.m_about').mousedown(function() {
			});
			jQuery('.m_about').mouseup(function() {
			});
		//Services
			jQuery('.m_services').mouseenter(function() {
					nav_menu1_active = true;
					jQuery('#nav_sub_menu1').slideDown('Slow');
			});
			jQuery('.m_services').mouseleave(function() {
					nav_menu1_active = false;
					setTimeout(function() {
						if (!nav_sub_menu1_active) {
							jQuery('#nav_sub_menu1').slideUp('Slow');
						}
					}, 1);
			});			
			jQuery('.m_services').mousedown(function() {
			});
			jQuery('.m_services').mouseup(function() {
			});
}
//*************************--------END---------****************************