(function( $ ){
$.fn.accessNews = function(settings){
var defaults = {
// title for the display
title: "TODAY NEWS:",
// subtitle for the display
subtitle: "November 27 2010",
// width of the container
width: 500,
// number of slides to advance when paginating
slideBy: 4,
// the speed for the pagination
speed: "normal",
// slideshow interval
slideShowInterval: 5000,
// slideshow interval
autoplay: true,
// delay before slide show begins
slideShowDelay: 5000,
// theme
theme: "default",
// allow the pagination to wrap continuously instead of stopping when the beginning or end is reached
continuousPaging : true,
// selector for the story title
contentTitle: "h3",
// selector for the story subtitle
contentSubTitle: "abbr",
// height of image area
imgHeight: "200px",
// height of content area
contentHeight: "150px",
// height of carousel area
carouselHeight: "180px",
// selector for the story description
contentDescription: "p",
// function to call when the slider first initializes
onLoad: null,
// function to call when the slider is done being created
onComplete: null
};

return this.each(function(){

settings = jQuery.extend(defaults, settings);
var _this = jQuery(this);
var _id = _this.attr('id');
var stories = _this.children();
var intervalId;
var _storyIndictor;
var _storyIndictors;

var cache = {
loadImages: function(images) {

var cache = [];
// Arguments are image paths relative to the current page.

var args_len = images.length;
for (var i = args_len; i--;) {
var cacheImage = document.createElement('img');
cacheImage.src = images[i];
cache.push(cacheImage);

}

}
}

var preloader = {
loadImages: function() {
var imagesArray = [];
var images = stories.find('img').each(function() {
var image = $(this);
var imageUrl = image.attr('src');
imagesArray.push(imageUrl)
})

cache.loadImages(imagesArray);

}
}

var browserChecker = {
check: function () {
if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Opera/x.x or Opera x.x (ignoring remaining decimal places);
var oprversion=new Number(RegExp.$1) // capture x.x portion and store as a number
//alert("opera" + _id);
jQuery(".jqans-pagination-controls a span", jQuery("." + _id)).css("border-left-width", "0.4em").css("border-right-width", "0.4em").css("border-top-width", "0.4em");
jQuery(".jqans-pagination-controls-play-pause", jQuery("." + _id)).css("bottom", 7);
}

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { //test for MSIE x.x;
var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number

jQuery(".jqans-pagination-controls-back a span", jQuery("." + _id)).css("font-size", "0.7em").css('right', -5);
jQuery(".jqans-pagination-controls-next a span", jQuery("." + _id)).css("font-size", "0.7em");

}
}
}

var container = {
_wrapper: "<div class=\"jqans-wrapper " + settings.theme +  " " + _id + "\"></div>",
_container: "<div class=\"jqans-container\"></div>",
_headline: jQuery("<div class='jqans-headline'></div>").html(["<p><strong>", settings.title, "</strong> ", settings.subtitle, "</p>"].join("")),
_content: jQuery("<div class='jqans-content' style='float:left;'></div>"),
_stories: "<div class=\"jqans-stories\"></div>",
_first: jQuery(stories[0]),

init: function(){

if (settings.onLoad)
{
settings.onLoad.call($(this));
}

// wrap the ul with our div class and assigned theme
_this.wrap(this._wrapper);
// our container where we show the image and news item
_this.before(this._container);
// set the width of the container
//var width = (stories.length * this._first.outerWidth(true));

//var width = settings.width / setings.slidesBy;
var mod = settings.slideBy - (stories.length % settings.slideBy);
for (i=0; i<mod; i++) {
jQuery('<li></li>').addClass('fake').appendTo(_this);
}
//stories = _this.children();

jQuery("." + _id).css("width", settings.width);
jQuery(".jqans-container", jQuery("." + _id)).css("width", settings.width);
jQuery(".jqans-container", jQuery("." + _id)).css("height", settings.height);
jQuery(_this).css("height", settings.carouselHeight);
var storyWidth = Math.ceil((settings.width / settings.slideBy) * 10);
storyWidth = Math.ceil(storyWidth / 10);
//alert(storyWidth);
var storiesWidth = Math.ceil((settings.width / settings.slideBy)) * (stories.length + mod);

_this.css("width",storiesWidth);

jQuery("li", _this).css("width",storyWidth);
jQuery("li", _this).css("height", settings.carouselHeight);

if (settings.title.length)
{
this.append(this._headline);
}
this.append(this._content);

// create the selector indictor
this.selector(settings.width);

this.set(0);

// pagination setup
pagination.init();

// slideshow setup
slideshow.init();

_this.wrap(this._stories);

if (settings.onComplete)
{
settings.onComplete.call($(this));
}

pagination.controls();
browserChecker.check();
preloader.loadImages();

},

selector: function(width){
var s = "";
for(var i = 1; i <= stories.length; i++){
s += "<li><div/></li>";
}
var o = jQuery("");
o.append("<ul>"+ s +"</ul>");
_storyIndictor = jQuery(o.find("ul"));
_storyIndictors = _storyIndictor.children();
var selectorStoryWidth = Math.ceil((settings.width / settings.slideBy) * 10);
selectorStoryWidth = Math.ceil(selectorStoryWidth / 10);
var mod = settings.slideBy - (stories.length % settings.slideBy);
var selectorStoriesWidth =Math.ceil((settings.width / settings.slideBy)) * (stories.length + mod);
//alert(storiesWidth)
o.css("width", selectorStoriesWidth);
_this.before(o);
},

append: function(content){
this.get().append(content);
},

// returns the main container
get: function(){
return _this.parents("div.jqans-wrapper").find('div.jqans-container');
},

set: function(position){
var container = this.get();
var story = jQuery(stories[position]);
var storyIndictor = jQuery(_storyIndictors[position]);
var _content = jQuery("div.jqans-content", container);
var imgContainer = jQuery('<div style="width:225px; float:left;"></div>');
imgContainer.css('height', settings.imgHeight)
var imgLink = jQuery("<a href='" + jQuery('a', story).attr('href') + "'/>");
var img = jQuery('<img width="225px" height="190px"></img>');
imgLink.append(img);
imgContainer.append(imgLink);
var para = jQuery('<div style="width:350px; margin-left: 8px; float:left;"></div>');
var title = jQuery(settings.contentTitle + " a", story).attr('title') || jQuery(settings.contentTitle, story).text();
//var image =
img.attr('src', jQuery('img', story).attr('src') );
para.html("<h1><a href='" + jQuery('a', story).attr('href') + "'>" + title + "</a></h1>" + "<p>" + jQuery(settings.contentDescription, story).html() + "</p>");
para.css('height', settings.contentHeight);
_content.empty();
_content.append(imgContainer);
_content.append(para);
stories.removeClass('selected');
story.addClass('selected');
_storyIndictors.removeClass('selected');
storyIndictor.addClass('selected');
}

};

var pagination = {

loaded: false,
_animating: false,
_totalPages: 0,
_currentPage: 1,
_storyWidth: 0,
_slideByWidth: 0,

init: function(){
if (stories.length > settings.slideBy) {
this._totalPages = Math.ceil(stories.length / settings.slideBy);
this._storyWidth = Math.ceil((settings.width / settings.slideBy) * 8) ;
this._storyWidth = Math.ceil(this._storyWidth /8);
stories.css("width", this._storyWidth)

//jQuery(stories[0]).outerWidth(true);
this._slideByWidth = this._storyWidth * settings.slideBy;
this.draw();
this.loaded = true;
}
},

draw: function(){

var _viewAll = jQuery("<div class=\"jqans-pagination\"></div>").html(["<div class=\"jqans-pagination-controls\"><span class=\"jqans-pagination-controls-back\"><a href=\"#\" title=\"Back\"><span><< Back</span></a></span><div class=\"jqans-pagination-count\"><span class=\"jqans-pagination-count-start\">1</span>-<span class=\"jqans-pagination-count-end\">", settings.slideBy, "</span> / <span class=\"jqans-pagination-count-total\">", stories.length, "</span></div><span class=\"jqans-pagination-controls-next\"><a href=\"#\" title=\"Next\"><span>Next >></span></a></span></div>"].join(""));
_this.after(_viewAll);

var _next = jQuery(".jqans-pagination-controls-next > a", _viewAll);
var _back = jQuery(".jqans-pagination-controls-back > a", _viewAll);
var _play = jQuery("#control-play", _viewAll);
var _pause = jQuery("#control-pause", _viewAll);

_next.click(function(){

var page = pagination._currentPage + 1;
pagination.to(page);
return false;

});

_back.click(function(){

var page = pagination._currentPage - 1;
pagination.to(page);
return false;

});

_play.click(function(){
_play.css("display", "none");
_pause.css("display", "");
settings.autoplay = true;
slideshow.on();
return false;

});

_pause.click(function(){
_play.css("display", "");
_pause.css("display", "none");
settings.autoplay = false;
slideshow.off();
return false;
});

},

to: function(page){

if(this._animating){
return;
}

// we're animating!
this._animating = true;

var viewAll = _this.parent("div").next(".jqans-pagination");
var startAt = jQuery(".jqans-pagination-count-start", viewAll);
var endAt = jQuery(".jqans-pagination-count-end", viewAll);

if(page > this._totalPages)
{
page =  settings.continuousPaging ? 1 : this._totalPages;
}

if (page < 1)
{
page =  settings.continuousPaging ? this._totalPages : 1;
}

var _startAt = (page * settings.slideBy) - settings.slideBy;
var _endAt = (page * settings.slideBy);
if (_endAt > stories.length)
{
_endAt = stories.length;
}
var _left = parseInt(_this.css("left"));
var _offset = (page * this._slideByWidth) - this._slideByWidth;
startAt.html(_startAt + 1);
endAt.html(_endAt);

_left = (_offset * -1);

_this.animate({
left: _left
}, isNaN(settings.speed) ? settings.speed : parseInt(settings.speed));

_storyIndictor.animate({
left: _left
}, isNaN(settings.speed) ? settings.speed : parseInt(settings.speed));

// when paginating set the active story to the first
// story on the page
container.set(_startAt);

this._currentPage = page;

// no more animating <img src="http://www.micc.unifi.it/ferracani/blog/wp-includes/images/smilies/icon_sad.gif" alt=":(" class="wp-smiley">
this._animating = false;

},
controls: function() {
if (settings.autoplay) {
jQuery("#control-play", jQuery("." + _id)).css("display", "none");
} else {
jQuery("#control-pause", jQuery("." + _id)).css("display", "none");
}
}

};

var slideshow = {

init: function(){
this.attach();
this.off();
if(settings.autoplay) {
intervalId = setTimeout(function(){
slideshow.on();
}, parseInt(settings.slideShowDelay));
}
},

on: function(){
this.off();
if(settings.autoplay) {
intervalId = setInterval(function(){
slideshow.slide();
}, parseInt(settings.slideShowInterval));
}
},

off: function(){
clearInterval(intervalId);
},

slide: function(){

//currently selected story
var current = jQuery("li.selected", _this);
// the next story
var next = current.next("li:not(.fake)");
// page number
var page = 0;

if (!next.length)
{
next = jQuery(stories[0]);
page = 1;
}

var storyIndex = stories.index(next);

if (pagination.loaded) {

var storyMod = (storyIndex) % settings.slideBy;

if (storyMod === 0) {
page = (Math.ceil(storyIndex / settings.slideBy)) + 1;
}

if (page > 0) {
pagination.to(page);
}
}

container.set(storyIndex);

},

attach: function(){

var that = jQuery(_this).parent("div.jqans-wrapper");
that.hover(function(){
// pause the slideshow on hover
slideshow.off();
}, function (){
// resume slideshow on mouseout
slideshow.on();
});

}

};

//setup the container
container.init();
// append hover every to each element to update container content
stories.hover(function(){
// set container contect to hovered li
container.set(stories.index(this));
}, function(){
// do nothing
});

});
};
})( jQuery );