I've coded my "slider" in HTML with no problems. The only issue I'm having is converting it to Wordpress. I'm hoping someone here can help me with converting it. Thanks for any advice or help in advance.

<div id="slider">
        <div class="inner">

            <!-- START PANEL -->
            <div id="header1" class="panel">
                <div class="text">
                    <h1>Header 1</h1>
                    <h2>Sub Header 1</h2>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem
					ipsum dolor sit amet, consectetur adipiscing elit.
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            

                <img src="header1.png" alt="Header 1" />
            </div>
            <!-- END PANEL -->

            <!-- START PANEL -->
            <div id="header2" class="panel none">
                <div class="text">
                    <h1>Header 2</h1>
                    <h2>Sub Header 2</h2>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem
					ipsum dolor sit amet, consectetur adipiscing elit.
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            

                <img src="Header2.png" alt="Header 2" />
            </div>
            <!-- END PANEL -->

            <!-- START PANEL -->
            <div id="header3" class="panel none">
                <div class="text">
                    <h1>Header 3</h1>
                    <h2>Sub Header 3</h2>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem
					ipsum dolor sit amet, consectetur adipiscing elit.
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            

                <img src="Header3.png" alt="Header 3" />
            </div>
            <!-- END PANEL -->

            <!-- START PANEL -->
            <div id="header4" class="panel none">
                <div class="text">
                    <h1>Header 4</h1>
                    <h2>Sub Header 4</h2>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem
					ipsum dolor sit amet, consectetur adipiscing elit.
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            

                <img src="header4.png" alt="Header 4" />
            </div>
            <!-- END PANEL -->

            <!-- START PANEL -->
            <div id="header5" class="panel none">
                <div class="text">
                    <h1>Header 5</h1>
                    <h2>Sub Header 5</h2>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing lorem
					ipsum dolor sit amet, consectetur adipiscing elit.
					Donec blandit enim libero, quis tincidunt arcu.</p>
                </div>                            

                <img src="header5.png" alt="Header 5" />
            </div>
            <!-- END PANEL -->

        </div>

        <div class="clear"></div>
    </div>

    <!-- START NAV SLIDER -->
    <div id="nav-slider">
        <div class="inner">
            <ul>
                <li class="current first"><a href="#header1">Header 1 </a><span>Sub Header 1</span></li>
				<li><a href="#header2">Header 2 </a><span>Sub Header 2</span></li>
				<li><a href="#header3">Header 3 </a><span>Sub Header 3</span></li>
				<li><a href="#header4">Header 4 </a><span>Sub Header 4</span></li>
				<li><a href="#header5">Header 5 </a><span>Sub Header 5</span></li>
            </ul>
        </div>                  

        <div class="clear"></div>
    </div>
    <!-- END NAV SLIDER -->  

    <script type="text/javascript">
        jQuery(document).ready(function($){
            $('#nav-slider ul').arrowFade({
				speed: 500,
				timeout: 5000
			});
        });
    </script>
    <!-- END SLIDER -->