// 
var tvpSHO=[];
var tmp=[];

function tvpslider(o,i) {
	this.obj = o;
	this.index = i;
	this.currentPosition = 0;
	this.slides=$('.item', o);
	this.slideWidth=$('.item', o).outerWidth(true);
	$('.slider-content', o).wrapAll('<div class="slider-inner"></div>');//.css({'float' : 'left','width' : this.slideWidth});
	this.slidePortWidth=$('.slider-inner', o).outerWidth(true);
	$('.slider-inner').css({'overflow':'hidden'}); //, 'width': this.slidePortWidth+'px'
	this.numberOfSlides=Math.round(this.slides.length / (this.slidePortWidth / this.slideWidth));
	this.slideInPort=this.slidePortWidth / this.slideWidth;
	this.slideIntewalPos = parseInt(this.slideInPort  + 0.5) * this.slideWidth;
	$('.slider-content', o).css('width', this.slidePortWidth * (this.numberOfSlides + 1));
	$(this.obj)
		.append('<span class="slider-nav-left"><span class="nav-arrow-left"><span>poprzednie</span></span></span>')
		.append('<span class="slider-nav-right"><span class="nav-arrow-right"><span>następne</span></span></span>');
	$('.section-nav',this.obj).empty();
	for(var ix=0; ix < this.numberOfSlides; ix++){
		$('.section-nav',this.obj).append('<li><a herf="#" class="pkt">'+ix+'</a></li>');
	}
	this.actionSlideNav = function(onav){
		var index = $('.section-nav li', this.obj).index(onav)
		$('.section-nav li', this.obj).removeClass('act');
		this.currentPosition = index;
		this.controls(index);
		this.goSlidePosition();
	}
	this.goSlidePosition = function(){
		$('.slider-content', this.obj).animate({'marginLeft' : this.slideIntewalPos*(-this.currentPosition)});
	}
	this.setPosition = function(o){
		this.currentPosition = ($(o).attr('class')=='nav-arrow-right') ? this.currentPosition+1 : this.currentPosition-1;
	}
	this.controls = function(index){
		if(this.currentPosition==0){ $('.nav-arrow-left', o).hide() } else{ $('.nav-arrow-left', o).show() }
		if(this.currentPosition==this.numberOfSlides-1){ $('.nav-arrow-right', o).hide() } else{ $('.nav-arrow-right', o).show() }
		$('.section-nav li', this.obj).removeClass('act');
		$('.section-nav li:eq('+this.currentPosition+')', this.obj).addClass('act');
	}
	this.controls(i);
	$('.nav-arrow-left, .nav-arrow-right', o).bind('click', function(){
		var to = tvpSHO[i];
		to.setPosition(this);
		to.controls();
		to.goSlidePosition();
	});
	$('.section-nav li', o).bind('click', function(){
		tvpSHO[i].actionSlideNav(this);
		$(this).addClass('act');
		return false;
	});
	
}

function moduleSwhich(modId){
	$(modId + " h4").bind("click" , function(){
		$(modId + " .act .img:first img").attr('src',function(i, val) {val = val.replace(/_width_250/g,'_width_130');return val.replace(/_height_188/g,'_height_98');});
		$(modId + " .articles").removeClass("act");
		$(this).parent().addClass("act");
		$(modId + " .act .img:first img").attr('src',function(i, val) {val = val.replace(/_width_130/g,'_width_250');return val.replace(/_height_98/g,'_height_188');});
	});
}

$(document).ready(function(){
	moduleSwhich('div#modul-vod');
	$(".item").mouseover(function(){
		$(this).addClass("hover");
	});
	$(".item").mouseout(function(){
		$(this).removeClass("hover");
	});
	$("div.sliderbox").each(function(i){ tvpSHO[i] = new tvpslider(this, i); });
});