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

// Variable to store the images we need to set as background
// which also includes some text and url's.
var photos = [ 
    {
		"title" : "eCommerce Consulting",
		"image" : "img/slides/e-commerce.png",
		"url" : "",
		"headertext" : 'Our eCommerce consulting team works closely with clients to analyze their business needs. They also help in selecting most suitable third party platform for integration - i.e. Magento Commerce, Zen Cart and many more.<a href="contact_us.php?selected=homepage_ec" class="request">Request</a>',
	}, {
		"title" : "Content Strategy",
		"image" : "img/slides/content-strategy.png",
		"url" : "",
		"headertext" : 'Open Biz\'s editorial team also works closely with clients to determine: what content is appropriate for their Web site; how that content will define all aspects of the client\'s needs, as well as to ensure that it is attractive, usable and useful. &nbsp;&nbsp;<a href="contact_us.php?selected=homepage_cs" class="request">Request</a>',
	}, {
		"title" : "Server Side Development",
		"image" : "img/slides/server-side.png",
		"url" : "",
		"headertext" : 'Open Biz\'s development team specializes in developing high-quality and competitive software products and services for every client\'s needs based on PHP, Java and .NET technologies. <br /><a href="contact_us.php?selected=homepage_ss" class="request">Request</a>',
	}, {
		"title" : "Social Media",
		"image" : "img/slides/social-media.png",
		"url" : "",
		"headertext" : 'Our team knows and understands the intricate points of most popular social media sites. They provide customized social media solutions that help our clients to be visible and effective in the social networks\' scene. <a href="contact_us.php?selected=homepage_sm" class="request">Request</a>',
	}, {
		"title" : "User Research",
		"image" : "img/slides/user_research.png",
		"url" : "",
		"headertext" : 'Our user research consultants help the clients in understanding the whole user experience and analyzing the needs of their customers, as well as their thinking process during the software usage. <br /><a href="contact_us.php?selected=homepage_ur" class="request">Request</a>',
	}
	
];



$(document).ready(function() {
		
	// Backwards navigation
	$(".previous").click(function() {
		navigate("back");
	});
	
	// Forward navigation
	$(".next").click(function() {
		navigate("next");
	});
	
	var interval;
	
	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(" + photoObject.image + ")",
			"display" : "block",
			"z-index" : currentZindex
		});
		
		// Hide the header text
		//$("#headertxt").css({"display" : "none"});
		
		// Set the new header text
		$("#headertxt").html(photoObject.headertext);		
		$("#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;
			}, 350);
		});
	};
	
	// We should statically set the first image
	navigate("next");
	
	// Start playing the animation
	interval = setInterval(function() {
		navigate("next");
	}, slideshowSpeed);
	
});