/*
Haiton Web Site Core JavaScript
Developed By: Junaid Bhura
www.junaidbhura.com
*/

var currentSection = 0;
var timeOut;
var totalImages = 0;
var currentImage = 0;
var imageDelay = 5000;
var firstLoad = true;
var imageArray = new Array(
new Object({ path: 'assets/images/backgrounds/leather/', images: 4 }),
new Object({ path: 'assets/images/backgrounds/art_leather/', images: 4 }),
new Object({ path: 'assets/images/backgrounds/interiors/', images: 4 }),
new Object({ path: 'assets/images/backgrounds/single_seats/', images: 5 }),
new Object({ path: 'assets/images/backgrounds/accessories/', images: 6 })
);
jQuery.imgpreload = function(arguments, f) {
	var count = 0;
	for(var i = 0; i<arguments.length; i++) {
		jQuery("<img>").attr("src", arguments[i]).load(function(){ count++; if(count == arguments.length) f(); });
	}
}
$(function() {
	var preloadArray = ['assets/images/loading.gif', 'assets/images/text_leather.png', 'assets/images/text_leather_active.png', 'assets/images/text_art_leather.png', 'assets/images/text_art_leather_active.png', 'assets/images/text_interiors.png', 'assets/images/text_interiors_active.png', 'assets/images/text_single_seats.png', 'assets/images/text_single_seats_active.png'];
	$.imgpreload(preloadArray, function(){
		$('#scrollContent').jScrollPane({showArrows:true, scrollbarWidth: 7 });
		activateMenu();
		nextGallery();
	});
});

function nextGallery() {
	$('#background').html('');
	currentSection ++;
	if(currentSection > 5) {
		currentSection = 1;
		firstLoad = false;
	}
	if(firstLoad) {
		var images = imageArray[currentSection - 1].images;
		var prldArray = new Array();
		for(i=1; i <= images; i++) {
			prldArray[i - 1] = (imageArray[currentSection - 1].path + i + '.jpg');
		}
		$('#background').addClass('AjaxLoading');
		$.imgpreload(prldArray, function() {
			var images = imageArray[currentSection - 1].images;
			var imagesString = '';
			for(i=0; i < images; i++) {
				imagesString += '<div id="image' + (i + 1) + '" style="display:none;"><img src="' + prldArray[i] + '" alt="" /></div>';
			}
			$('#background').removeClass('AjaxLoading');
			$('#background').html(imagesString);
			totalImages = images;
			rotateImages();
		});
	}
	else {
		var images = imageArray[currentSection - 1].images;
		var imagesString = '';
		for(i=0; i < images; i++) {
			imagesString += '<div id="image' + (i + 1) + '" style="display:none;"><img src="' + imageArray[currentSection - 1].path + (i + 1) + '.jpg' + '" alt="" /></div>';
		}
		$('#background').removeClass('AjaxLoading');
		$('#background').html(imagesString);
		totalImages = images;
		rotateImages();
	}
}

function activateMenu() {
	if(currentSection == 0) {
		var src = $('#menu1').attr('src');
		src = src.substr(0, src.length - 4) + '_active.png';
		$('#menu1').attr('src', src);
	}
	else if(currentSection == 1) {
		var src = $('#menu5').attr('src');
		src = src.substr(0, src.length - 11) + '.png';
		$('#menu5').attr('src', src);
		
		src = $('#menu1').attr('src');
		src = src.substr(0, src.length - 4) + '_active.png';
		$('#menu1').attr('src', src);
	} else {
		var src = $('#menu' + (currentSection - 1)).attr('src');
		src = src.substr(0, src.length - 11) + '.png';
		$('#menu' + (currentSection - 1)).attr('src', src);
		
		src = $('#menu' + currentSection).attr('src');
		src = src.substr(0, src.length - 4) + '_active.png';
		$('#menu' + currentSection).attr('src', src);
	}
}

function rotateImages() {
	if(currentImage != totalImages) {
		currentImage ++;
		if(currentImage == 1)
			$('#image' + currentImage).fadeIn();
		else {
			$('#image' + (currentImage - 1)).fadeOut('slow', function() { $('#image' + currentImage).fadeIn('slow'); });
		}
		timeOut = setTimeout(function() { rotateImages(); }, 5000);
	}
	else {
		currentImage = 0;
		totalImages = 0;
		nextGallery();
		activateMenu();
	}
}