$().ready(function() {
$('#coda-slider-1').codaSlider({
firstPanelToLoad: 1,
autoSlide: true,
autoSlideInterval: 5000,
autoSlideStopWhenClicked: false,
autoHeightEaseDuration: 400,
slideEaseDuration: 400
//dynamicArrows: false,
//dynamicTabs: false,
});
});

document.write('<div id="intro"> ') 
document.write('<div class="coda-slider-wrapper"> ') 
document.write('<div class="coda-slider preload" id="coda-slider-1" style="height:280px;">') 

document.write('<div class="panel"> ') 
document.write('<div class="panel-wrapper"> ') 
document.write('<h2 class="title">1</h2> ') 
document.write('<p><img src="images/top/slide/01.jpg" width="730" height="270" /></p>')   
document.write('</div> ') 
document.write('</div> ') 

document.write('<div class="panel"> ') 
document.write('<div class="panel-wrapper"> ') 
document.write('<h2 class="title">2</h2> ') 
document.write('<p><img src="images/top/slide/02.jpg" width="730" height="270" /></p>') 
document.write('</div> ') 
document.write('</div> ') 

document.write('<div class="panel"> ') 
document.write('<div class="panel-wrapper"> ') 
document.write('<h2 class="title">3</h2> ') 
document.write('<p><img src="images/top/slide/03.jpg" width="730" height="270" /></p>')  
document.write('</div> ') 
document.write('</div> ') 

 
document.write('</div>') 
document.write('</div>') 
document.write('</div>')