$(document).ready(function(){

$(".rollover").css({'opacity':'0'});
$('.btn_shovel a').hover(
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 1);
	},
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 0);
	}
)
$('.btn_shirt a').hover(
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 1);
	},
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 0);
	}
)
$('.btn_sizechart a').hover(
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 1);
	},
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 0);
	}
)
$('.btn_size a').hover(
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 1);
	},
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 0);
	}
)
$('.btn_text a').hover(
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 1);
	},
	function() {
		$(this).find('.rollover').stop().fadeTo(220, 0);
	}
)

$("#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);
};

$('#skullshow').before('<div id="skullnav" class="skullnav">').cycle({ 
    fx:    'fade',
    speed:  6500,
    timeout: 380,
    delay: -2200,
    sync: 1
});

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

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