//TODO mejorar tema instanceName
function SliderHome(instanceName, divContainer, numberThumbs){
	this.instanceName = instanceName;
	this.divContainer = divContainer;
	this.numberThumbs = numberThumbs;
	this.ThumbsLeft = 0;
	this.ThumbsWidth = 85;
	this.num = -1;
	this.cur = 0;
	this.cr = [];
	this.al = 0;
	this.at = 10*1000;
	this.ar = true;
	this.data = null;
}

SliderHome.prototype.init = function(data){
	if(!data || !data.length)
		return false;

	this.data = data;

	var d=this.data;
	this.num=d.length;
	var pos=Math.floor(Math.random()*1);
	var cont = jQuery("#"+this.divContainer);

	for(var i=0;i<this.num;i++){
		cont.append('<a href="'+d[i].getLinkUrl()+'" target="'+d[i].getLinkTarget()+'"><img id="'+this.getImageIdByIndex(i)+'" src="'+d[i].getImg()+'" class="slide" alt="" /></a>');
	}
	cont.append('<div id="img-slide-float-cont"></div>');
	cont.append('<p id="slide-airday" class="slidertext tnt-title"></p>');
	cont.append('<p id="slide-airhour" class="slidertext tnt-title-alt"></p>');
	cont.append('<p id="slide-tit" class="slidertext tnt-title"></p>');
	cont.append('<p id="slide-desc" class="slidertext "><span></span></p>');
	cont.append('<div id="slide-controls"><a class="slideArrowLeft" href="javascript:'+this.instanceName+'.left();" /><span class="slide-nav-belt" style="width:'+(this.numberThumbs*this.ThumbsWidth)+'px; height:55px;"><p id="slide-nav" style="width:'+(this.num*this.ThumbsWidth)+';"></p></span><a class="slideArrowRight" href="javascript:'+this.instanceName+'.right();" /></div>');

	for(var i=0;i<this.num;i++){


		//$('#'+d[i].id).css({left:((i-pos)*1000)});

		this.debug = jQuery("#"+this.divContainer+" div#"+this.getImageIdByIndex(i));

		jQuery("#"+this.divContainer+" img#"+this.getImageIdByIndex(i)).css({top:((i-pos)*367)});

		//$('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();"><img id="slide-img-'+i+'" src="images/slide'+i+'.jpg" style="float:left;" width="50px" height="50px" class="slide" alt="" /><p class="slidertext">'+d[i].desc+'</p></a>');
		//TODO mejorar tema instanceName
		jQuery("#"+this.divContainer+" p#slide-nav").append('<a id="slide-link-'+i+'" href="javascript:'+this.instanceName+'.slide('+i+');" onfocus="this.blur();" style="left:'+(i*this.ThumbsWidth)+'px;"><img id="slide-thumb-'+i+'" src="'+d[i].getThumb()+'" style="float:left;" width="80px" height="40px" class="slide" alt="" /></a>');
	}

	jQuery('img,div#slide-controls',jQuery("#"+this.divContainer)).fadeIn();
	this.background(d[pos]);
	this.text(d[pos]);
	this.on(pos);
	this.cur=pos;
	//this.al = window.setTimeout(this.instanceName+'.auto();', this.at);
	this.al = this.createNextTimeout();
	return true;
}

SliderHome.prototype.createNextTimeout = function(){
	return window.setTimeout(this.instanceName+'.auto();', this.at);
}

SliderHome.prototype.getImageIdByIndex = function(index){
	return "slide-img-"+index;
}


SliderHome.prototype.left = function(){
	var next=this.cur-1;
	  //if(next>=this.num) next=this.cur;
	  this.slide(next);
}

SliderHome.prototype.right = function(){
	var next=this.cur+1;
	  //if(next>=this.num) next=this.cur;
	  this.slide(next);
}

SliderHome.prototype.auto = function(){
		  if(!this.ar)
		   return;

		  var next=this.cur+1;
		  if(next>=this.num) next=0;
		  this.slide(next);
}

SliderHome.prototype.slide = function(pos){
		  if(pos<0 || pos>=this.num || pos==this.cur)
		   return;
		  //console.log(pos);
		  window.clearTimeout(this.al);
		  //this.al = window.setTimeout('slider.auto();',slider.at);
		  this.al = this.createNextTimeout();
		  var left=0,widthVisible= this.ThumbsWidth * this.numberThumbs,widthTotal=this.ThumbsWidth * this.num;
		  //Busco si esta dentro del marco		  
		  if(pos<=(this.numberThumbs-1)){
			  left=0;
		  }else if(pos>=(this.num-(this.numberThumbs))){
			  left=(widthVisible-widthTotal);
		  }else {
			  left=((this.ThumbsWidth*pos)-(this.ThumbsWidth*pos*2));
		  }
		  var d=this.data;
		  for(var i=0;i<this.num;i++)
		   jQuery('#'+this.getImageIdByIndex(i)).stop().animate({top:((i-pos)*367)},'slow','swing');
		  jQuery("#"+this.divContainer+" p#slide-nav").stop().animate({left:left},'slow','swing');
		  this.background(d[pos]);
		  this.on(pos);
		  this.text(d[pos]);
		  this.cur=pos;
}

//TODO buscar referencia relativa a #DivContainer

SliderHome.prototype.on = function(pos){
		  jQuery('#slide-nav a img').removeClass('on');
		  jQuery('#slide-nav a#slide-link-'+pos+' img.slide').addClass('on');
		 }

//TODO buscar referencia relativa a #DivContainer
SliderHome.prototype.text = function(di){
		  this.cr['a']=di.airday;
		  this.cr['b']=di.airhour;
		  this.cr['c']=di.title;
		  this.cr['d']=di.desc;
		  this.cr['f']=di.linkUrl;
		  this.cr['g']=di.linkTarget;

		  this.ticker('#slide-airday',di.airday);
		  this.ticker('#slide-airhour',di.airhour);
		  this.ticker('#slide-tit',di.title);
		  Cufon.replace('.tnt-title', {fontFamily: 'Bebas', hover: true});
		  Cufon.replace('.tnt-title-alt', {fontFamily: 'Bebas Alternative'});
		  this.ticker('#slide-desc span',di.desc);
		  this.ticker('#img-slide-float-cont','<a href="'+di.getLinkUrl()+'" target="'+di.getLinkTarget()+'" ><div class="img-slide-float"></div></a>');
	}

SliderHome.prototype.background = function(di) {
		  var elem = jQuery('.tnt-outer-container');
		  if(di.bckimg !== '') {
			  elem.css({'background': 'url(' + di.bckimg + ') center top no-repeat'});
		  } else {
			  elem.css({'background': 'none'});
		  }
}

SliderHome.prototype.ticker = function(el,text){
		   jQuery(el).html(text);
		// UBICAR ESTO MEJOR! //
			// cufon lineheight //

			/*jQuery('#slide-titulo .spacetitlesfont .cufon-canvas').css('height',"59em");
			jQuery('#slide-controls .spacetitlesfont .cufon-canvas').css('height',"18em");
			jQuery('#slide-titulo .spacetitlesfont .cufon-vml').css('height',"0.7em");
			jQuery('#slide-controls .spacetitlesfont .cufon-vml').css('height',"0.7em");*/

			// UBICAR ESTO MEJOR! //
		 }