// http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}
/*
loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file
*/

function hub_slideplayer(){
	////console.log('hub_slideplayer() called');
	
	
	
	
	var $slideplayer = $('#ves_slideshow'),
	$tabs = $slideplayer.find('.tabs'),
	tabs_width = $tabs.width()/2;
	// $tabs.css('margin-right', "-" +tabs_width);
	
	
	// Display first slide at startup;
	
	display(0);
	
	function display(input) {
	
		var total = $slideplayer.find(".slide").length-1,
		current = $slideplayer.find('.slide.active').index(),
		next_slide;
		
		
		if (typeof input == "number"){
			next_slide = input;
		}
		
		else if (input === "next"){
			if (current < total) { 
				next_slide = parseInt(current)+1; 			 
			}		
			else {
				next_slide = 0;
			}
		
		}
		
		else if (input === "prev"){
			
			if(current > 1) { 
				next_slide = parseInt(current)-1;
			}		
			else {
				next_slide = total;
			}
		
		}	
			//console.info(next_slide);
			var $next = $slideplayer.find('.slide').eq(next_slide);
			//console.info($next);		
			$slideplayer.find('.slide.active').hide().removeClass('active').end();
			
			
			
			
			$slideplayer.find(".slides").animate(
			{
				//"height" : $next.height(),
				
			}
			, 300, function(){
				var newheight = $next.height();	
				$next.fadeIn(500).addClass('active').find('.post_image');
						
				
			
			});
			}	
	
	$slideplayer.find('.control').bind('click', function(){
		if ($(this).hasClass('next')){
			display("next");
		}
		else {
			display("prev");
		}
		
		return false;
	});
	
	$slideplayer.find('.tabs li').bind('click', function(){
		var newslide = $(this).index();
		display(newslide);
		
		return false;
		
	});
	

};


$(document).ready(function() {
	$('body').toggleClass('js_off js_on');
	hub_slideplayer();
	
});