How can I change hidden to show?

How can I change hidden to show?

I am creating a slide show and have placed a <div> with an id of bg and a <ul> inside it.
Each <li> has a class of bg-image as well as an <input type="hidden" value="./page/backgrounds/bg1.jpg">.
There are 8 images. I have placed my HTML my CSS and local JS.

Thank you so much.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="" ><!-- All site keywords and phrases go here. -->
<meta name="description" content="" ><!-- All site description text goes here. -->
<link rel="stylesheet" href="css/site.css" type="text/css"><!-- All site-specific styles go here. -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
google.load('jquery', '1.4.2');
</script>
<script type="text/javascript" charset="utf-8">
jQuery.noConflict();
</script>
<script type="text/javascript" src="./js/webtools.js"></script>
<script type="text/javascript" src="./js/site-local.js.js"></script>
</head>
<body>
<div id="bg">
 <ul>
  <li class="bg-image">
  <input type="hidden" value="./page/backgrounds/bg1.jpg">
  </li><li class="bg-image">
  <input type="hidden" value="./page/backgrounds/bg2.jpg">
  </li><li class="bg-image">
  <input type="hidden" value="./page/backgrounds/bg3.jpg">
  </li><li class="bg-image">
  <input type="hidden" value="./page/backgrounds/bg4.jpg">
  </li><li class="bg-image">
  <input type="hidden" value="./page/backgrounds/bg5.jpg">
  </li><li class="bg-image">
  <input type="hidden" value="./page/backgrounds/bg6.jpg">
  </li><li class="bg-image">
  <input type="hidden" value="./page/backgrounds/bg7.jpg">
  </li><li class="bg-image">
  <input type="hidden" value="./page/backgrounds/bg8.jpg">
  </li>
 </ul>
</div>
</body>
</html>

/*/////////////////////////////////////////////////// CSS //////////////////////////////////////////////*/

body{
margin:0; padding:0;
background:#000;
color:#ccc;
font-size:12px;
letter-spacing:1px;
line-height:18px;
font-family:'Times New Roman', Times, Georgia;
font-weight:normal;
}

a { color:#aaa; text-decoration:none; }
a:hover { color:#666; }
a:active { outline:none; }

p{margin:0 0 18px 0;}
table, tr, td{margin:0; padding:0; border-spacing: 0;}
table, p{margin:0 0 9px 0;}

#bg{
z-index:0;
position:absolute;
top:0px; left:0px;
width:100%; height:1000px;
max-width:1350px;
overflow:hidden;
}
#bg ul{
padding:0; margin:0;
}
#bg li.bg-image{
padding:0; margin:0;
list-style:none;
display:block;
position:absolute;
top:0px; left:0px;
z-index:1;
}
#bg li.not-loaded{
display:none;
}
#black{
position:absolute;
top:0px; left:0px;
width:410px; height:1000px;
background:#000;
opacity:0.85;
-moz-opacity:0.85;
filter:alpha(opacity=85);
z-index:10;
border-right:1px #111 dotted;
}


#main{
position:absolute;
top:0px; left:0px;
z-index:20;
width:410px;
}
#main #logo{
position:absolute;
top:35px; left:105px;
width:186px; height:143px;
}
#main #logo a{
display:block;
width:186px; height:143px;
line-height:143px;
text-indent:-9999px;
background:url(../images/easy-logo.png);
}
#main #content{
margin:245px 0 0 0;
padding:0px 30px;
}
#main h1{
display:block;
cursor:pointer;
height:36px; width:350px;
margin:0 0 15px 0;
padding:0px;
text-indent:-9999px;
background-position:0px 0px;
}
#main #hd-about {background:url(../images/nav-about.png) no-repeat;}
#main #hd-hours {background:url(../images/nav-hours.png) no-repeat;}
#main #hd-contact {background:url(../images/nav-contact.png) no-repeat;}
#main #hd-news {background:url(../images/nav-news.png) no-repeat;}
#main #hours table { margin-bottom:18px;}
#main #hours td { width:150px; margin-right:18px; }
#main #contact table { width:152px; }
#main #contact td { margin-right:18px;}
#main #news #email{
font-family:'Times New Roman', Times;
font-size:14px;
width:241px; height:24px;
border:none;
margin:1px 0 0 0;
padding:3px 0 0 6px;
background:transparent url(../images/email_field.png) no-repeat;
float:left;
}
#main #news #submit{
border:none;
float:left;
cursor:pointer;
}
#main div.content-wrapper{
display:none;
}
#main div.content-box h2{
cursor:default;
display:block;
width:350px; height:31px;
margin:0 0 8px 0;
padding:0px;
text-indent:-9999px;
background-repeat:no-repeat;
}
#main div.content-box #hd-mission-statement {background:url(../images/hd-mission-statement.png) no-repeat 2px 0px;}
#main div.content-box #hd-dinner {background:url(../images/hd-dinner.png) no-repeat 2px 0px;}
#main div.content-box #hd-brunch {background:url(../images/hd-brunch.png) no-repeat 2px 0px;}
#main #hours h2 { margin-bottom:6px;}
#main div.content-box h3{ margin:0; }
#main #news h3{
font-weight:normal;
margin:0 0 4px 0;
}
#main #about, #main #contact { margin-bottom:18px; }
#footer{
font-family:'Times New Roman', Times;
font-size:10px;
margin:90px 0 0 0;
padding:0px 30px;
}
#footer a{
color:#ccc;
text-decoration:none;
font-weight:normal;
}
#footer a:hover{
color:#aaa;
}

#extra-nav{
position:absolute;
top:178px; left:0px;
height:31px;
z-index:30;
width:100%;
border-bottom:1px #aaa dotted;
}
#extra-nav ul{
display:block;
position:absolute;
top:0px; left:675px;
margin:0px; padding:0px;
min-width:420px;
/* width:454px;*/
}
#extra-nav ul li{
display:block;
list-style:none;
float:left;
margin:0px; padding:0px;
margin-left:34px;
}
#extra-nav li a{
display:block;
line-height:15px;
height:17px;
text-indent:-9999px;
background-position:0px 0px;
}
#extra-nav li.nav-facebook a{
width:68px;
background:url(../images/nav-facebook.png) no-repeat;
}
#extra-nav li.nav-twitter a{
width:57px;
background:url(../images/nav-twitter.png) no-repeat;
}
#extra-nav li.nav-reservations a{
width:98px;
background:url(../images/nav-reservations.png) no-repeat;
}
#extra-nav li.nav-menus a{
width:59px;
background:url(../images/nav-menu.png) no-repeat;
}
#menu-dropdown{
position:absolute;
top:159px; left:885px;
background:transparent url(../images/menu-bg.png) no-repeat;
width:192px;
display:none;
}
#menu-dropdown ul{
margin:0;
padding:70px 0 0 18px;
}
#menu-dropdown li{
display:block;
width:163px;
list-style:none;
margin:0 0 16px 0;
padding:0;
background:url(../images/icon-pdf.png) 135px 2px no-repeat;
}
#menu-dropdown li a{
display:block;
text-indent:-9999px;
width:163px; height:14px;
}
#menu-dropdown li a:hover{
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
#menu-dropdown li.nav-bistro-lunch a{
background:url(../images/nav-bistro-lunch.png) no-repeat;
}
#menu-dropdown li.nav-bistro-dinner a{
background:url(../images/nav-bistro-dinner.png) no-repeat;
}
#menu-dropdown li.nav-sunday-brunch a{
background:url(../images/nav-sunday-brunch.png) no-repeat;
}
#menu-dropdown li.nav-brunch a{
background:url(../images/nav-brunch.png) no-repeat;
}
#menu-dropdown li.nav-private-party a{
background:url(../images/nav-private-party.png) no-repeat;
}
#menu-dropdown li.nav-wine-list a{
background:url(../images/nav-wine-list.png) no-repeat;
}
#menu-dropdown li.nav-specialty-drinks a{
background:url(../images/nav-specialty-drinks.png) no-repeat;
}

#quotes {
position:fixed;
right:0px; bottom:0px;
width:378px; height:87px;
overflow:hidden;
opacity:0.85;
-moz-opacity:0.85;
filter:alpha(opacity=85);
display:none; }

body > div#quotes { position:fixed !important; }
#quotes-inner {
position:absolute;
top:0px; left:0px;
width:378px; height:87px;
background:#000 url(../images/quote-quote.png) no-repeat 13px 11px; }
#quotes-close {
display:block;
position:absolute;
right:7px; top:8px;
width:7px; height:7px;
text-indent:-9999px;
background:url(../images/quote-close.png) no-repeat; }
#quotes-open {
display:block;
position:absolute;
right:0px; bottom:0px;
width:21px; height:21px;
text-indent:-9999px;
background:#000 url(../images/quote-open.png) 8px 6px no-repeat; }
#quotes ul {
position:relative;
display:block;
width:321px;
margin:19px 16px 0px 38px;
padding:0px; }
#quotes li {
position:absolute;
top:0px; left:0px;
display:block;
margin:0px 0px 60px 0px;
padding:0px; }
#quotes p {
font-size:13px;
line-height:18px;
margin-bottom:4px; }
#quotes .author {
position:absolute;
top:40px; right:0px;
display:block;
width:321px;
font-size:11px;
text-align:right;
font-style:italic; }

/*//////////////////////////////////////////////////////////// JS //////////////////////////////////////*/

var bg_timer

jQuery(document).ready(function(){

 var j = jQuery

 var loaded_images = []
 var bg_i = 0
 var hiddens = jQuery.find("#bg input[type='hidden']")

 var loadnextbg = function(){
 if(bg_i<hiddens.length){
 var h = j(hiddens[bg_i])
 h.parent().hide()
 var src = h.val()
 j('<img src="">').appendTo(h.parent()).hide().load(function(){
 loaded_images.push(this)
 j(this).show()
 if(loaded_images.length==1){
 j(this).parent().fadeIn('medium')
 j(this).parent().css('z-index','9')
 }else if(loaded_images.length==2){
 bg_timer = setInterval(function(){bgfade()}, 11000)
 }

 loadnextbg()
 j(this).mousedown(function(e){
 e.preventDefault()
 return false
 })
 }).attr('src',src)
 h.remove()
 bg_i++
 }else{
 return true
 }
 }
 loadnextbg()

 var bg_j = 0

 var bgfade = function(){
 // alert('FADE '+bg_j+'/'+loaded_images.length)
 j('#black').css('border','none')
 var old = j(loaded_images[bg_j]).parent()
 bg_j++
 if(bg_j>=loaded_images.length)
 bg_j=0
 var nu = j(loaded_images[bg_j]).parent()
 old.css('z-index','8')
 nu.hide().css('z-index','9').fadeIn(1100, function(){
 old.css('z-index','1')
 })