// JavaScript Document
var IMAGECHANGERS = new Array();
var IMAGECHANGERSLENGTHS = new Array();
var IMAGECHANGERSPOSITION = new Array();

IMAGECHANGERS[0] = "image4";
IMAGECHANGERSLENGTHS[0] = 5;
IMAGECHANGERSPOSITION[0] = 1;

IMAGECHANGERS[1] = "image5";
IMAGECHANGERSLENGTHS[1] = 5;
IMAGECHANGERSPOSITION[1] = 1;

IMAGECHANGERS[2] = "image6";
IMAGECHANGERSLENGTHS[2] = 5;
IMAGECHANGERSPOSITION[2] = 1;

IMAGECHANGERS[3] = "image2";
IMAGECHANGERSLENGTHS[3] = 3;
IMAGECHANGERSPOSITION[3] = 1;

IMAGECHANGERS[4] = "image3";
IMAGECHANGERSLENGTHS[4] = 4;
IMAGECHANGERSPOSITION[4] = 1;

var NUMIMAGECHANGERS = 5;

var IntervalObj;
var currentdropdown = "";

$(function() {
	$('.hidden').hide();
	$('.menudropbox').fadeOut(0);
	$('#image1').css('opacity', '0.8');
	
    $('.rollover').hover(function()
    {
        var img = $(this).css('background-image').replace('.jpg', '_over.jpg');
        $(this).css('background-image', img);
    }, function()
    {
        var img = $(this).css('background-image').replace('_over.jpg', '.jpg');
        $(this).css('background-image', img);
    });
	
	intervalObj = setInterval(DoImageChanges, 5000);
	$('.link').click(function()
	{
		location = $(this).attr('id') + '.htm';
	});
	
	$('.dropdown').hover(function()
	{
		$(this).children().fadeIn(200);
	}, function()
	{
		$(this).children().fadeOut(200);
	});
	
	$('.homebutton').click(function()
	{
		location = 'indexhum.htm';
	});
	
	$('.menudropitem').hover(function()
	{
		$(this).css("color", "#c0e0ff");
		$(this).css("background-color", "Black");
	}, function()
	{
		$(this).css("color", "Black");
		$(this).css("background-color", "#c0e0ff");
	});
	
	$('.menudropitem').click(function()
	{
		location = $(this).attr('id') + '.htm';
	});
	
	function DoImageChanges()

    {
        for (var index = 0; index < NUMIMAGECHANGERS; index++)
        { 
            if (IMAGECHANGERSPOSITION[index] == 1) $('#' + IMAGECHANGERS[index]).children().fadeIn(0);
            if (IMAGECHANGERSPOSITION[index] < IMAGECHANGERSLENGTHS[index])
            {
                $('#' + IMAGECHANGERS[index] + "_" + IMAGECHANGERSPOSITION[index]).fadeOut(1000);
                IMAGECHANGERSPOSITION[index] = IMAGECHANGERSPOSITION[index] + 1;
            }
            else
            {               
                $('#' + IMAGECHANGERS[index] + '_1').fadeIn(1000);
                IMAGECHANGERSPOSITION[index] = 1;
            }
        }
    }
});