var curr_image = 1;
var curr_header_img = '';
var max_count = 5;
var _rotate_interval = 0;

function getHeaderImage(imageCount)
{
	if(imageCount != null){
		return 'header_img' + imageCount + '.png';
	}
	return false;
}

$(document).ready(function(){
	$('#header_left_btn').click(function(event){
		clearInterval(_rotate_interval);
		animateheader('left');
		autoRotateHeader()
	});
	
	$('#header_right_btn').click(function(event){
		clearInterval(_rotate_interval);
		animateheader('right');
		autoRotateHeader()
	});
	
	curr_header_img = getHeaderImage(1);
	
	autoRotateHeader();
	
	$('#wallreason').click(function(event){ToggleMain(true);});
	$('#backtotop').click(function(event){ToggleMain(false);});
});

function autoRotateHeader()
{
	_rotate_interval = setInterval("animateheader(true)", 5000);
}

function animateheader(direction)
{
	var prev_img = curr_image;
	if(direction == 'left'){
		if(curr_image <= 1)
			curr_image = max_count + 1;
		curr_image--;
	}
	else{
		if(curr_image >= max_count)
			curr_image = 0;
		curr_image++;
	}
	curr_link = "/";
	if(curr_image == 2)
		curr_link = "/?storeinfo=custom&page=portfolio";
	else if(curr_image == 3)
		curr_link = "/?storeinfo=custom&page=services";
	else if(curr_image == 4)
		curr_link = "/?fuseaction=business.buytickets.landing";
	else if(curr_image == 5)
		curr_link = "/?storeinfo=custom&page=contactus";
	
	prev_header_img = getHeaderImage(prev_img);
	curr_header_img = getHeaderImage(curr_image);
	
	$('#header_img img').fadeOut('slow', function(){
		$('#header_img img').attr('src','/custom/traffikworks1/images/' + curr_header_img);
		$('#header_img a').attr('href',curr_link);
	});
	
	$('#header_img img').fadeIn('slow', function(){
		
	});
}

function ToggleMain(bType)
{
	if(bType == true)
	{
		main_height = $('#main_div').height() * -1 + 'px';
		$('#content_area').css('display','block');
		$('#main_div').animate({
			'marginTop' : main_height
		},1000, 'linear', function(){$('#main_div').css('display','none');});
	}
	else
	{
		$('#main_div').css('display','block');
		$('#main_div').animate({
			'marginTop' : '0px'
		},1000, 'linear', function(){$('#content_area').css('display','none');});
	}
}