$(document).ready(function() {
	
	images   = new Array();
	images[1] = 'img1.jpg';
	images[2] = 'img2.jpg';
	images[3] = 'img3.jpg';
	images[4] = 'img4.jpg';
	images[5] = 'img5.jpg';
	images[6] = 'img6.jpg';
	images[7] = 'img7.jpg';
	
	links    = new Array();
	links[1] = 'index';
	links[2] = 'about-us';
	links[3] = 'our-team';
	links[4] = 'clients';
	links[5] = 'contact-us';
	links[6] = 'index';
	links[7] = 'index';
		
	titles   = new Array();
	titles[1] = 'Title #1';
	titles[2] = 'Title #2';
	titles[3] = 'Title #3';
	titles[4] = 'Title #4';
	titles[5] = 'Title #5';
	titles[6] = 'Title #6';
	titles[7] = 'Title #7';
	
	messages = new Array();
	messages[1] = 'Content Area #1';
	messages[2] = 'Content Area #2';
	messages[3] = 'Content Area #3';
	messages[4] = 'Content Area #4';
	messages[5] = 'Content Area #5';
	messages[6] = 'Content Area #6';
	messages[7] = 'Content Area #7';
	
	$('#switcher_area').hover(function() {
		$('#learn_more_box').slideDown(500);
	}, function() {
		$('#learn_more_box').slideUp(500);
	});
	
	elements = images.length;
	
	$('#image_switcher_next').attr('src', '/eem/slider/images/' + images[7])
	
	loadImage(1, 0, 0);
	
});

stopThisLoop = 0;

function loadImageChecker(nextImage, imageNumber) {
	if(stopThisLoop > 0) {
		stopThisLoop -= 1;
	} else {
		loadImage(nextImage, imageNumber);
	}
}

function loadImage(imageNumber, lastShown) {
	
	if(imageNumber >= elements) {
		imageNumber = 1;
	}
	
	imgstr = '';
	for(i=1; i<elements; i++) {
		imgstr += '<span id="imgstr' + i + '" onclick="loadImage(' + i + ', ' + lastShown + '); stopThisLoop += 1;">' + i + '</span> ';
	}
	$('#image_numbers').html(imgstr);
	
	nextImage = imageNumber+1;
	
	$('#link_switcher').attr('href', links[imageNumber]);

	$('#image_switcher').fadeOut(1000, function() {
		$('#image_switcher').attr('src', $('#image_switcher_next').attr('src'));		
		$('#image_switcher').fadeIn(1000);		
		$('#image_switcher_next').attr('src', '/eem/slider/images/' + images[imageNumber]);	
	});

	$('#image_title').html(titles[imageNumber]);
	$('#image_message').html(messages[imageNumber]);
	
	$('#imgstr' + imageNumber).css('fontWeight', 'bold');
	$('#imgstr' + lastShown).css('fontWeight', 'normal');

	setTimeout("loadImageChecker(" + nextImage + ", " + imageNumber + ")", 10000);

}