$(document).ready(function() {
	
	//Menu
	$('#menu li').hover(function(){
			$(this).find('ul').show();
		}, function(){
			$(this).find('ul').hide();
		});
		
		

});//Ready

//Main animation in index
function mainAnimated(){
	$('#welcome').fadeOut(300, function(){
		$('#show_box').fadeIn(300, rendomImages);
	});
}
function rendomImages(){
	var allImg = $('#list_images').find('img');
	var sizeImg = allImg.size();
	var randomArray = (randomArrayIntervalNumber(sizeImg));
	for(i=0; i<sizeImg; i++) {
		startFadein(allImg, randomArray, i);
	}
}
function startFadein(allImg, randomArray, i) {
	setTimeout(function(){
		allImg.eq(randomArray[i]).fadeIn(400);
	}, i*160);
}



//Function: randomIntervalNumber
function randomIntervalNumber(m,n)  {
	return Math.floor( Math.random() * (n - m + 1) ) + m;
}

//Function: randomArrayIntervalNumber
function randomArrayIntervalNumber(numberElements)  {
	var arrayNumber = new Array(numberElements);
	for(i=0; i<numberElements; i++) {
		arrayNumber[i] = i;
	}

	arrayNumber.sort(function() {return 0.5 - Math.random();});
	
	return(arrayNumber);
}

//Function: black and white pictures when hover
function blackWhitePicturesHover() {
	var hoverSrcArray = [];
	
	var counterI = 0;
	$('#hover_img').find('img').each(function(){
		hoverSrcArray[counterI] = $(this).attr('src');
		counterI++;
	});
	
	var counterJ = 0;
	$('.clients').find('img').each(function(){
		$(this).attr('hoversrc', hoverSrcArray[counterJ]);
		counterJ++;
	});
	
	var originalSrc;
	$('.clients').find('img').hover(function(){
			originalSrc = $(this).attr('src');
			hoverSrc = $(this).attr('hoversrc');
			$(this).attr('src', hoverSrc);
		}, function(){
			$(this).attr('src', originalSrc);
		});
}


