sound = false;

$(document).ready(function(){

$(".rollover").css({'opacity':'0'});
$('.nav_list a').hover(
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 1);
	},
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 0);
	}
)
$('.resource_nav a').hover(
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 1);
	},
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 0);
	}
)
$('.sound_nav a').hover(
	function() {
		$(this).find('.rollover').stop().fadeTo(1100, 1);
	},
	function() {
		$(this).find('.rollover').stop().fadeTo(1100, 0);
	}
)

$('#sound').toggle(function() {
  var sound = true;
}, function() {
  var sound = false;
});

$('.map').maphilight();

$("#login_form").submit(function() {
				var unameval = $("#username").val();
				var pwordval = $("#password").val();
				$.post("client.php", { username: unameval, password: pwordval }, function(data) {
					$("#status p").html(data);
				});
				return false;
			});

$("#username").focus();

function onBefore() {
	$('#pictitle').html(this.alt);
};

$('#slideshowintro').before('<div id="picnavintro" class="picnavintro">').cycle({ 
    fx:    'fade',
    speed:  3300,
    delay: -3000
});

$('#slideshowhistory').before('<div id="picnavhistory" class="picnavhistory" style="text-align:center;">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavhistory',
        next:   '#nexthistory', 
    	prev:   '#prevhistory',
    	next:   '#slideshowhistory', 
    	pause:   1,
        before: onBefore
    });

$('#slideshowprojects1').after('<div id="picnavprojects1" class="picnavprojects1">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects1',
        next:   '#slideshowprojects1', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects2').after('<div id="picnavprojects2" class="picnavprojects2">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects2',
        next:   '#slideshowprojects2', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects3').after('<div id="picnavprojects3" class="picnavprojects3">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects3',
        next:   '#slideshowprojects3', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects4').after('<div id="picnavprojects4" class="picnavprojects4">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects4',
        next:   '#slideshowprojects4', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects5').after('<div id="picnavprojects5" class="picnavprojects5">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects5',
        next:   '#slideshowprojects5', 
    	pause:   1,
        before: onBefore
    });

$('#slideshowprojects6').after('<div id="picnavprojects6" class="picnavprojects6">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects6',
        next:   '#slideshowprojects6', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects7').after('<div id="picnavprojects7" class="picnavprojects7">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects7',
        next:   '#slideshowprojects7', 
    	pause:   1,
        before: onBefore
    });

$('#slideshowprojects8').after('<div id="picnavprojects8" class="picnavprojects8">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects8',
        next:   '#slideshowprojects8', 
    	pause:   1,
        before: onBefore
    });

$('#slideshowprojects9').after('<div id="picnavprojects9" class="picnavprojects9">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects9',
        next:   '#slideshowprojects9', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects10').after('<div id="picnavprojects10" class="picnavprojects10">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects10',
        next:   '#slideshowprojects10', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects11').after('<div id="picnavprojects11" class="picnavprojects11">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects11',
        next:   '#slideshowprojects11', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects12').after('<div id="picnavprojects12" class="picnavprojects12">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects12',
        next:   '#slideshowprojects12', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects13').after('<div id="picnavprojects13" class="picnavprojects13">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects13',
        next:   '#slideshowprojects13', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects14').after('<div id="picnavprojects14" class="picnavprojects14">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects14',
        next:   '#slideshowprojects14', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects15').after('<div id="picnavprojects15" class="picnavprojects15">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects15',
        next:   '#slideshowprojects15', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects16').after('<div id="picnavprojects16" class="picnavprojects16">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects16',
        next:   '#slideshowprojects16', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects17').after('<div id="picnavprojects17" class="picnavprojects17">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects17',
        next:   '#slideshowprojects17', 
    	pause:   1,
        before: onBefore
    });
    
$('#slideshowprojects18').after('<div id="picnavprojects18" class="picnavprojects18">').cycle({
        fx:     'fade',
        speed:  380,
        timeout: 0,
        pager:  '#picnavprojects18',
        next:   '#slideshowprojects18', 
    	pause:   1,
        before: onBefore
    });

});