navo slider

<style type='text/css'>
#carousel {
width:950px;
height:185px;
margin-bottom:0;
position:relative;
display:block;
}
#carousel .container {
position:absolute;
left:49px;
width:895px;
height:185px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj42GoyTWNnS5v6mKqbf_EIQqZfIePJwHyGo95l7d30lqfI0WM4BnL8QgI2_jHlU6zhxcPYhB5QuipAN-uEcKQwl971SpHx4Sp9uCXGSbloM2CII3oLIPrpyxApsGkQDH00W2SAnpFj57c/s1600/scroller-bg.png) repeat center;
}
#carousel #previous_button {
position:absolute;
width:49px;
height:185px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR3XnesNcaqqHprMPel7NHQLAGDF42nONizqtq3lMrLH_T9EBiVkQeKoqNNLT4yqI4n9kmlapemogdOChFBFkXd2TpE_ztB7JMmm-8Y7wDgJmDS0iZ_JU07PH5cfZfUvI55OW7m0Z24jc/s1600/prev.png) center;
z-index:100;
cursor:pointer;
border-right:1px solid #ccc;
}
#carousel #previous_button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4dab2kU76MjXoCFeON6OdPUxjy6IOPmAneDfHMX6hQLMDK5W0ma8fiIIRgxqlzo020v2X72vsS3ld7siyFLQCpRfCAT43MZSvumDlEKuAF0kUTcz8E9z94WUyQYs6EwfzE5XuXFvoJIw/s1600/prev.png) center;
}
#carousel #next_button {
position:absolute;
right:0;
width:49px;
height:185px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY5tgmpVar_H85nU6XO3lLkRHPmvcXhG-sbZmSgtHOAUMuSno9bAVqp_P_lQNgNyhKuUg8l4EtRUzopUWGTeBXynkroCwTaxFWPpomUFmqaf_dZYUhY_mo8W_bWVfyjGhG5wgKgT7j3dA/s1600/next.png) center;
z-index:100;
cursor:pointer;
border-left:1px solid #ccc;
}
#carousel #next_button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQMSaFT05tvcGwmntI9gfPXawH_78UxPZVgNC9G3TSac_UxkOkOb90WE8k8PxMe-Y7TNXL9IavJ_AfqJb7Qz_TaYzSZ3KQJvfuTOdEfguTGMfUBOnRr-H5nB9KAMH_a5mh-2X7IyLgyFU/s1600/next.png) center;
}
#carousel ul {
width:100000px;
position:relative;
margin-top:10px;
}
#carousel ul li {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXzfy_hW2ZnmadsZj3XiqwjwLroDqcw9rlkpcAG8M5Qj-3gvPyQ6ckYInlSgvTSZEp43w0gqvN-wQoU5kiU0eVbj8es4RHnrI5a5SNOLQudrOSEaSIB69rdkXUUmVv4KUE0vUsJvoIYAI/s1600/main.png) repeat-x top;
display:inline;
float:left;
text-align:center;
font-weight:700;
font-size:.9em;
line-height:1.2em;
border:1px solid #ccc;
width:145px;
height:150px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0 4px 20px 7px;
padding:6px;
}
#carousel ul li:hover {
filter:alpha(opacity=75);
opacity:.75;
}
#carousel ul li a.slider_title {
color:#222;
display:block;
margin-top:5px;
}
#carousel ul li a.slider_title:hover {
color:#cd1713;
}
#carousel a img {
display:block;
background:#fff;
margin-top:0;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
(function ($) {
$.fn.jCarouselLite = function (o) {
o = $.extend({
btnPrev: null,
btnNext: null,
btnGo: null,
mouseWheel: false,
auto: null,
speed: 200,
easing: null,
vertical: false,
circular: true,
visible: 3,
start: 0,
scroll: 1,
beforeStart: null,
afterEnd: null
}, o || {});
return this.each(function () {
var running = false,
animCss = o.vertical ? "top" : "left",
sizeCss = o.vertical ? "height" : "width";
var div = $(this),
ul = $("ul:first", div),
tLi = $(".car", ul),
tl = tLi.size(),
v = o.visible;
if (o.circular) {
ul.prepend(tLi.slice(tl - v - 1 + 1).clone()).append(tLi.slice(0, v).clone());
o.start += v
}
var li = $(".car", ul),
itemLength = li.size(),
curr = o.start;
div.css("visibility", "visible");
li.css({
overflow: "hidden",
float: o.vertical ? "none" : "left"
});
ul.css({
padding: "0",
position: "relative",
"list-style-type": "none",
"z-index": "1"
});
div.css({
overflow: "hidden",
"z-index": "2"
});
var liSize = o.vertical ? height(li) : width(li);
var ulSize = liSize * itemLength;
var divSize = liSize * v;
li.css({
width: li.width()
});
ul.css(sizeCss, ulSize + "px").css(animCss, -(curr * liSize));
div.css(sizeCss, divSize + "px");
if (o.btnPrev) $(o.btnPrev).click(function () {
return go(curr - o.scroll)
});
if (o.btnNext) $(o.btnNext).click(function () {
return go(curr + o.scroll)
});
if (o.btnGo) $.each(o.btnGo, function (i, val) {
$(val).click(function () {
return go(o.circular ? o.visible + i : i)
})
});
if (o.mouseWheel && div.mousewheel) div.mousewheel(function (e, d) {
return d > 0 ? go(curr - o.scroll) : go(curr + o.scroll)
});
if (o.auto) setInterval(function () {
go(curr + o.scroll)
}, o.auto + o.speed);
function vis() {
return li.slice(curr).slice(0, v)
};
function go(to) {
if (!running) {
if (o.beforeStart) o.beforeStart.call(this, vis());
if (o.circular) {
if (to <= o.start - v - 1) {
ul.css(animCss, -((itemLength - (v * 2)) * liSize) + "px");
curr = to == o.start - v - 1 ? itemLength - (v * 2) - 1 : itemLength - (v * 2) - o.scroll
} else if (to >= itemLength - v + 1) {
ul.css(animCss, -((v) * liSize) + "px");
curr = to == itemLength - v + 1 ? v + 1 : v + o.scroll
} else curr = to
} else {
if (to < 0 || to > itemLength - v) return;
else curr = to
}
running = true;
ul.animate(animCss == "left" ? {
left: -(curr * liSize)
} : {
top: -(curr * liSize)
}, o.speed, o.easing, function () {
if (o.afterEnd) o.afterEnd.call(this, vis());
running = false
});
if (!o.circular) {
$(o.btnPrev + "," + o.btnNext).removeClass("disabled");
$((curr - o.scroll < 0 && o.btnPrev) || (curr + o.scroll > itemLength - v && o.btnNext) || []).addClass("disabled")
}
}
return false
}
})
};
function css(el, prop) {
return parseInt($.css(el[0], prop)) || 0
};
function width(el) {
return el[0].offsetWidth + css(el, 'marginLeft') + css(el, 'marginRight')
};
function height(el) {
return el[0].offsetHeight + css(el, 'marginTop') + css(el, 'marginBottom')
}
})(jQuery)
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghszRnxLA1dbCs3tokYwA588aIR9bNR6ZUcGpbS2W3jABQWyK2MD3pGnnKhPP9HxmGXBcjcguSBQm8XX-Wp5z8OEMVgv1NnqtT8DnIxXDk-4iKsP9jG8vWpiriC0rfmZme6gJlzv9DOvU/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts1 = 15;
label1 = "Your Label Name";
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';
document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$("#carousel .container").jCarouselLite({
auto:4000,
scroll: 1,
speed: 800,
visible: 5,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>