<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>...</title>
<link rel="stylesheet" type="text/css" href="css.css" />
<link rel="shortcut icon" href="images/favicon2.ico" type="image/x-icon" />
<link rel="icon" href="images/favicon2.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/favicon2.ico" />
<meta name="keywords" content="..."/>
<meta name="description" content="..."/>
<meta name="robots" content="index,nofollow" />
<meta name="robots" content="nocache"/>
<META name="robots" content="noarchive"/>
<![if !IE]>
<link rel="stylesheet" type="text/css" href="cssFF.css" />
<![endif]>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="xml_player/AC_RunActiveContent.js"></script>
<style type="text/css">
#table_news{
text-align:left;
}
#tube_table {
background-attachment:fixed;
background-position: center;
margin-left:20px;
}
#titles{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
font-style: italic;
}
#tube_layout{
padding:5px;
float: left;
}
#link{
color:#ffffff;
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
top:624px;
width:100%;
}
a#link2:hover {
color:#cccccc; }
</style>
<script type="text/javascript">
// Image preloading
var img1 = new Image();
img1.src = 'images/back.jpg';
</script>
</head>
<body oncontextmenu="return false;">
<br/>
<div id="tab_main" align="center">
<ul id="nav" class="tabs">
<li style="background:none"><img src="images/side_bars2.png" width="241" height="10" style="vertical-align: middle"/></li>
<li><a href="#tab1" hidefocus="true">News</a></li>
<li><a href="#tab2" hidefocus="true">Shop</a></li>
<li><a href="#tab3" hidefocus="true">Videos</a></li>
<li><a href="#tab4" hidefocus="true">Photos</a></li>
<li><a href="#tab5" hidefocus="true">About</a></li>
<li style=" background:none"><img src="images/side_bars.png" width="241" height="10" style="vertical-align: middle;"/></li>
</ul>
</div>
<div class="tab_container" align="center">
<div id="tab1" class="tab_content" align="left">
<!--Content-->
<table id='table_news' cellspacing='0' cellpadding='5'><tr><td id='td_date'><span style='font-size:11px;color:#ffffff;white-space:nowrap;background-color:#440000'> 2011-06-01 </span> </td></tr><br/><tr><td width='100%'>The second is <a href="[URL unfurl="true"]http://www.youtube.com/watch?v=4CSaaLhk3Fo&feature=related"[/URL] target="_blank" style='color:#ffffaa;font-family:arial;font-size:12px'>[ click ]</a></tr></td></table><table id='table_news' cellspacing='0' cellpadding='5'><tr><td id='td_date'><span style='font-size:11px;color:#ffffff;white-space:nowrap;background-color:#440000'> 2011-05-27 </span> </td></tr><br/><tr><td width='100%'>News test..</tr></td></table>
</div>
<div id="tab2" class="tab_content" align="center">
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>preview</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#000000">
<!--url's used in the movie-->
<!--text used in the movie-->
<!--
0
0.00
-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', '[URL unfurl="true"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',[/URL]
'width', '100%',
'height', '100%',
'src', 'preview',
'quality', 'best',
'pluginspage', '[URL unfurl="true"]http://www.macromedia.com/go/getflashplayer',[/URL]
'align', 'middle',
'play', 'true',
'loop', 'false',
'scale', 'noscale',
'wmode', 'window',
'devicefont', 'false',
'id', 'preview',
'bgcolor', '#000000',
'name', 'preview',
'menu', 'false',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'preview',
'salign', 'b'
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="[URL unfurl="true"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"[/URL] width="100%" height="100%" id="preview" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="preview.swf" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="scale" value="noscale" /><param name="bgcolor" value="#000000" /> <embed src="preview.swf" loop="false" menu="false" quality="best" scale="noscale" bgcolor="#000000" width="100%" height="100%" name="preview" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="[URL unfurl="true"]http://www.macromedia.com/go/getflashplayer"[/URL] />
</object>
</noscript>
</body>
</html>
</div>
<div id="tab3" class="tab_content" align="center"><br/><br/><br/>
<!-- Content --> <table id="tube_table" border="0" background="" bordercolor="#666666" cellspacing="0" cellpadding="5"><tr><td><div id="tube_layout"><object width="232" height="167"><param name="movie" value="[URL unfurl="true"]http://www.youtube.com/v/BN9-K0aZXRg&hl=en_US&fs=1&rel=0&color1=0x000000&color2=0x550000&autohide=1&showinfo=0"></param><param[/URL] name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="[URL unfurl="true"]http://www.youtube.com/v/BN9-K0aZXRg&hl=en_US&fs=1&color1=0x000000&rel=0&color2=0x550000&autohide=1&showinfo=0"[/URL] type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="232" height="167"></embed></object><br/><span id="titles">new clip</span><br/></div><div id="tube_layout"><object width="232" height="167"><param name="movie" value="[URL unfurl="true"]http://www.youtube.com/v/BN9-K0aZXRg&hl=en_US&fs=1&rel=0&color1=0x000000&color2=0x550000&autohide=1&showinfo=0"></param><param[/URL] name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="[URL unfurl="true"]http://www.youtube.com/v/BN9-K0aZXRg&hl=en_US&fs=1&color1=0x000000&rel=0&color2=0x550000&autohide=1&showinfo=0"[/URL] type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="232" height="167"></embed></object><br/><span id="titles">new clip</span><br/></div></td></tr></table>
</div>
<div id="tab4" class="tab_content" align="center"><br/><br/><br/><br/><br/><br/><br/>
<!-- Content --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<script type="text/javascript" src="photo_slider/js/jquery.scrollTo.js"></script>
<script>
$(document).ready(function() {
//Speed of the slideshow
var speed = 5000;
//You have to specify width and height in #slider CSS properties
//After that, the following script will set the width and height accordingly
$('#mask-gallery, #gallery li').width($('#slider').width());
$('#gallery').width($('#slider').width() * $('#gallery li').length);
$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
//Assign a timer, so it will run periodically
var run = setInterval('newsscoller(0)', speed);
$('#gallery li:first, #excerpt li:first').addClass('selected');
//Pause the slidershow with clearInterval
$('#btn-pause').click(function () {
clearInterval(run);
return false;
});
//Continue the slideshow with setInterval
$('#btn-play').click(function () {
run = setInterval('newsscoller(0)', speed);
return false;
});
//Next Slide by calling the function
$('#btn-next').click(function () {
newsscoller(0);
return false;
});
//Previous slide by passing prev=1
$('#btn-prev').click(function () {
newsscoller(1);
return false;
});
//Mouse over, pause it, on mouse out, resume the slider show
$('#slider').hover(
function() {
clearInterval(run);
},
function() {
run = setInterval('newsscoller(0)', speed);
}
);
});
function newsscoller(prev) {
//Get the current selected item (with selected class), if none was found, get the first item
var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
//if prev is set to 1 (previous item)
if (prev) {
//Get previous sibling
var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
//if prev is set to 0 (next item)
} else {
//Get next sibling
var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
}
//clear the selected class
$('#excerpt li, #gallery li').removeClass('selected');
//reassign the selected class to current items
next_image.addClass('selected');
next_excerpt.addClass('selected');
//Scroll the items
$('#mask-gallery').scrollTo(next_image, 800);
$('#mask-excerpt').scrollTo(next_excerpt, 800);
}
</script>
<style>
#slider {
/* You MUST specify the width and height */
width:352px;
height:240px;
position:relative;
overflow:hidden;
}
#mask-gallery {
overflow:hidden;
}
#gallery {
/* Clear the list style */
list-style:none;
margin:0;
padding:0;
z-index:0;
/* width = total items multiply with #mask gallery width */
width:900px;
overflow:hidden;
}
#gallery li {
/* float left, so that the items are arrangged horizontally */
float:left;
}
#mask-excerpt {
/* Set the position */
position:absolute;
top:0;
left:0;
z-index:500px;
/* width should be lesser than #slider width */
width:100px;
overflow:hidden;
}
#excerpt {
/* Opacity setting for different browsers */
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
/* Clear the list style */
list-style:none;
margin:0;
padding:0;
/* Set the position */
z-index:10;
position:absolute;
top:0;
left:0;
/* Set the style */
width:100px;
background-color:#000;
overflow:hidden;
font-family:arial;
font-size:10px;
color:#fff;
}
#excerpt li {
padding:5px;
}
.clear {
clear:both;
}
#btn-prev , #btn-pause , #btn-play , #btn-next{
color:#aaaaaa;
}
</style>
</head>
<body>
<div id="debug"></div>
<div id="slider">
<div id="mask-gallery">
<ul id="gallery">
<li><img src="photo_slider/images/pier1.jpg" width="352" height="240" alt=""/></li>
<li><img src="photo_slider/images/pier2.jpg" width="352" height="240" alt=""/></li>
<li><img src="photo_slider/images/pier3.jpg" width="352" height="240" alt=""/></li>
</ul>
</div>
<div id="mask-excerpt">
<ul id="excerpt">
<li>Test image 1</li>
<li>Test image 2</li>
<li>Test image 3</li>
</ul>
</div>
</div>
<br/>
<div id="buttons">
<a href="#" hidefocus="true" id="btn-prev">• prev</a>
<a href="#" hidefocus="true" id="btn-pause">pause</a>
<a href="#" hidefocus="true" id="btn-play">play</a>
<a href="#" hidefocus="true" id="btn-next">next •</a>
</div>
<div class="clear"></div>
</body>
</html>
</div>
<div id="tab5" class="tab_content" align="center">
<!-- Content --> <table id='table_news' cellspacing='0' cellpadding='5'><tr><td id='td_date'><tr><td width='100%'>About info...</tr></td></table></div>
</div>
<div align="center" id="link"> Site by <img src="images/hdm.jpg" width="12" height="12" align="absbottom"></img> <a href="[URL unfurl="true"]http://www...com"[/URL] id="link2">...</a> ©2011</div>
</body>
</html>
