// JavaScript Document

var last_image = 0;
var current_image = 0;
var arr_images = new Array('.cls_first_image', '.cls_second_image', '.cls_third_image');
var arr_images_id = new Array('img_banner_promotion', 'img_banner_competition', 'img_banner_value_added');
var arr_locations = new Array('section.content/cash-backs', 'section.content/competitions1', 'section.content/value-addevt-1');
var cur_item = '';
var is_moving = false;
var auto_run = false;

function move_image(direction)
{

	if(direction==null) direction = 'left';
		
	var last_img_id = arr_images_id[last_image];
	var cur_img_id = arr_images_id[current_image];

	if(direction=='left') {							
		$(cur_img_id).setStyle({ left:'-963px' });					
		var last_img_width = $(last_img_id).getWidth();
		var cur_img_width = $(cur_img_id).getWidth();		
	}
	else {	// right				
		$(cur_img_id).setStyle({ left:'963px' });		
		var last_img_width = -$(last_img_id).getWidth();		
		var cur_img_width = -$(cur_img_id).getWidth();		
	}	
	
	var delay = 2;
			
	hide_buttons(0);
	
	is_moving = true;
	new Effect.Move(last_img_id, { x: last_img_width, y: 0, mode: 'relative', duration: delay });
	new Effect.Move(cur_img_id, { x: cur_img_width, y: 0, mode: 'relative', duration: delay });
	setTimeout(function(){ is_moving = false; }, delay*3*1000);	
	
	show_buttons(delay*1000);	
}

function hide_buttons(delay_time)
{
	Effect.Fade('div_find_out_more', {duration: delay_time});
	Effect.Fade('div_arrow_left', {duration: delay_time});
	Effect.Fade('div_arrow_right', {duration: delay_time});
}

function show_buttons(delay_time)
{
	setTimeout("Effect.Appear('div_find_out_more');", delay_time);
	setTimeout("Effect.Appear('div_arrow_left');", delay_time);
	setTimeout("Effect.Appear('div_arrow_right');", delay_time);
}

document.observe("dom:loaded", function() {   
		
	var new_height = (document.viewport.getHeight()-639) + "px";
	$('main_row').writeAttribute("height", new_height );
	
	var myInterval = setInterval(function(){
			if(auto_run==false){ auto_run = true; } 
			if(auto_run==true) {
				if(!is_moving) {
					switch(current_image) {
						case 0:	
							last_image = current_image;
							current_image += 1;
						break;
						case 1:
							last_image = current_image;
							current_image += 1;
						break;
						case 2:
							last_image = current_image;
							current_image = 0;
						break;
					}	
					move_image('right');
				}
			}// end of if			
		}, 10*1000
	);
	
	$('div_arrow_left').observe('click', function(event){   		

		
		switch(current_image) {
			case 0:					
				last_image = current_image;
				current_image = 2;			
			break;
			case 1:
				last_image = current_image;
				current_image -= 1;
			break;
			case 2:
				last_image = current_image;
				current_image -= 1;
			break;
		}		
		
		auto_run = false;
		
		move_image('left');
	});
	
	$('div_arrow_right').observe('click', function(event){   

		
		switch(current_image) {
			case 0:	
				last_image = current_image;
				current_image += 1;
			break;
			case 1:
				last_image = current_image;
				current_image += 1;
			break;
			case 2:
				last_image = current_image;
				current_image = 0;
			break;
		}
		
		auto_run = false;
		
		move_image('right');
	});
	
	$('div_find_out_more').observe('click', function(event){   		
		redirect(index() + arr_locations[current_image]);
	});
		 
});