// JavaScript Document
var curr  = 1;
var timeoutHandle;

for(bi=1;bi<=5;bi++)
{
	eval('bpic'+bi+'= new Image()'); 
	eval('bpic'+bi+'.src="'+website_url+'/banner/'+eval('logo'+bi)+'"');		
	eval('pic'+bi+'= new Image()'); 	
	eval('pic'+bi+'.src="'+website_url+'/banner/'+eval('banner'+bi)+'"');
}
	
$(document).ready(function() 
{	
			
	$('.animation_btn1 img').click(function(e) {
		window.clearTimeout(timeoutHandle);
		$('.animation_btn1 img').make_all_grey();
		this.src = "images/yellow_arrow.png";	
		curr = $(this).attr("alt");		
		
	  $('.animation_block1').animate({
		left: '-=500'
	  }, speed-250, function() {});
	  	  
/*	  $('.animation_shadow').animate({
		opacity: 0, left: '-=500', width: '-=500'
	  }, speed-400, function() {});	*/	  
	  
	  $('.animation_block2').animate({
		left: '-=1500'
	  }, speed-250, function() {
	  $('.animation_block1 h2 img').change_src();
	  $('.animation_block1 h3').change_content();	
	  $('.animation_block1 p').change_content();		    
	  $('.animation_block1 .animation_block1_conceptual').create_features();	
	  $('.animation_block2 img').change_src();	

/*	  $('.animation_shadow').animate({
		opacity: 1, left: '+=500', width: '+=500'
	  }, speed+160, function() {});	*/
	     		  		  
	  });
	  	
	  	  
	  $('.animation_block1').animate({
		left: '+=500'
	  }, speed, function() {
	  });	  	  		  

	  $('.animation_block2').animate({
		left: '+=1500'
	  }, speed, function() {

	  });	  
	  	
	  nexter = $(this).next();  
	  if($(this).attr("title")=="last")
	  nexter = $('.animation_btn1 img:first'); 
	  else
	  nexter = $(this).next();   	  
	  timeoutHandle = setTimeout(function(){nexter.trigger('click');}, speed*7)		  
	});	
		
	//functions defined
	$.fn.make_all_grey = function() {
		this.each(function() {
		this.src = 'images/white_arrow.png';
		});
	};
	
	$.fn.change_content = function() {
		var tmp = this;
		this.each(function() {
		tmp.html(eval(this.title+String(curr)));
		});			
	};	
		
	$.fn.create_features = function() {
		var tmp = this;
		this.each(function(){			
		//tmp.html(eval(this.title+String(curr)));
		var splt_val = eval(this.title+String(curr)).split(',');
		var listings = "";
		for(var i=0;i<splt_val.length;i++)
		listings+="<li>"+splt_val[i]+"</li>";
		tmp.html("<ul>"+listings+"</ul>");
		});			
	};		
	
	$.fn.change_src = function() {
		this.each(function() {		
		this.src = "banner/"+eval(this.title+String(curr));	
		});							
	};	
	
	$(".animation_btn1 img:first").trigger('click');				
});