/*****************************************
* Banner Configuration
*****************************************/

var init_slide = 1;
var slide_time = 4000;
var imagesURL = "banner";
var timerID = null;

/*****************************************
* Banner Functions
*****************************************/

function loadBanner(slide){
	init_slide = parseInt(parseInt(slide) - 1);
	nextSlide();
}

function nextSlide(){
	
	clearTimeout(timerID);
	
	if(init_slide < bannerSlides.length){
		next_slide = parseInt(parseInt(1) + parseInt(init_slide)) - 1;
	}
	else{
		next_slide = parseInt(0);
	}
	
	$("#banner_image").fadeOut("slow");
	$('#banner_image').replaceWith("<div id=\"banner_image\">cargando...</div>");
	$('#banner_image').replaceWith("<div id=\"banner_image\"><img src=\""+imagesURL+"/"+bannerSlides[next_slide]["image"]+"\"></div>");
	$('#banner_image').hide();
	$("#banner_image").fadeIn("slow");
	
	/*$("#banner_thumbnail").fadeOut("slow");
	$('#banner_thumbnail').replaceWith("<div id=\"banner_thumbnail\">cargando...</div>");
	$('#banner_thumbnail').replaceWith("<div id=\"banner_thumbnail\"><img src=\""+imagesURL+"/"+bannerSlides[next_slide]["thumbnail"]+"\"></div>");
	$('#banner_thumbnail').hide();
	$("#banner_thumbnail").fadeIn("slow");
	
	$("#banner_text").fadeOut("slow");
	$('#banner_text').replaceWith("<div id=\"banner_text\">cargando...</div>");
	$('#banner_text').replaceWith("<div id=\"banner_text\">"+bannerSlides[next_slide]["text"]+"</div>");
	$('#banner_text').hide();
	$("#banner_text").fadeIn("slow");
	
	$("#banner_readmore").fadeOut("slow");
	$('#banner_readmore').replaceWith("<div id=\"banner_readmore\"></div>");
	$('#banner_readmore').replaceWith("<div id=\"banner_readmore\"><a href=\""+bannerSlides[next_slide]["link"]+"\">read more</a></div>");
	$('#banner_readmore').hide();
	$("#banner_readmore").fadeIn("slow");*/
	
	init_slide = parseInt(parseInt(next_slide) + 1);
	
	timerID = setTimeout("nextSlide()", slide_time);

}




function prevSlide(){
	
	clearTimeout(timerID);
	
	if(init_slide > 1){
		next_slide = parseInt(parseInt(init_slide) - parseInt(1)) - 1;
	}
	else{
		next_slide = parseInt(bannerSlides.length - 1);
	}
	
	$("#banner_image").fadeOut("slow");
	$('#banner_image').replaceWith("<div id=\"banner_image\">cargando...</div>");
	$('#banner_image').replaceWith("<div id=\"banner_image\"><img src=\""+imagesURL+"/"+bannerSlides[next_slide]["image"]+"\"></div>");
	$('#banner_image').hide();
	$("#banner_image").fadeIn("slow");
	
	$("#banner_thumbnail").fadeOut("slow");
	$('#banner_thumbnail').replaceWith("<div id=\"banner_thumbnail\">cargando...</div>");
	$('#banner_thumbnail').replaceWith("<div id=\"banner_thumbnail\"><img src=\""+imagesURL+"/"+bannerSlides[next_slide]["thumbnail"]+"\"></div>");
	$('#banner_thumbnail').hide();
	$("#banner_thumbnail").fadeIn("slow");
	
	$("#banner_text").fadeOut("slow");
	$('#banner_text').replaceWith("<div id=\"banner_text\">cargando...</div>");
	$('#banner_text').replaceWith("<div id=\"banner_text\">"+bannerSlides[next_slide]["text"]+"</div>");
	$('#banner_text').hide();
	$("#banner_text").fadeIn("slow");
	
	$("#banner_readmore").fadeOut("slow");
	$('#banner_readmore').replaceWith("<div id=\"banner_readmore\"></div>");
	$('#banner_readmore').replaceWith("<div id=\"banner_readmore\"><a href=\""+bannerSlides[next_slide]["link"]+"\">read more</a></div>");
	$('#banner_readmore').hide();
	$("#banner_readmore").fadeIn("slow");
	
	init_slide = parseInt(parseInt(next_slide) + 1);
	
	timerID = setTimeout("nextSlide()", slide_time);

}