var g_line_width = 197;
var g_ban_width = 197;
var g_line_speed = 1;
var g_line_step = 0;

var g_ban_list;
var g_div_x;
var g_div_y;
var g_curr_first_ban = 0;
var g_cur_pos_x_in_ban = 0;
var g_line_go = true;
var disp_pos_el_id = "ban_line";

var g_curr_prod = 1;

var ban_list = Array(0);

function AddBan($id)
{
	ban_list[ban_list.length] = $id;
}

AddBan("b1"); AddBan("b2"); AddBan("b3");


function tormozi()
{
	g_line_go = false
}

function begi()
{
	g_line_go = true;
	ShowLine();
}

function draw_prod_sel()
{
	if (g_curr_prod == 0) g_curr_prod = 3; 
	else if (g_curr_prod == 4) g_curr_prod = 1; 
	prod_sel.innerHTML = "Product "+g_curr_prod+" From 3";
}

function LineMoveRight()
{
	g_line_step =  1;
	if (g_curr_prod > 4) g_curr_prod = 1;
	//++g_curr_prod;
	g_line_go = true;
	ShowLine();
	//draw_prod_sel();
}

function LineMoveLeft()
{
	g_line_step =  -1;
	if (g_curr_prod < 1) g_curr_prod = 3;
	//--g_curr_prod;	
	g_line_go = true;
	ShowLine();
	//draw_prod_sel();
}


function findPos(obj) 
{
	var curleft = curtop = 0;
	if (obj.offsetParent) 
	{
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) 
		{
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function ShowDenverLine()
{
	div_pos = findPos(document.getElementById(disp_pos_el_id));
	g_div_x = div_pos[0];
	g_div_y = div_pos[1];
	//g_div_x = getOffsetLeft(disp_pos_el_id);
	//g_div_y = getOffsetTop(disp_pos_el_id);
	g_ban_list = ban_list;

	for(i=0; i<ban_list.length; i++)
	{
		document.getElementById(ban_list[i]).style.position = 'absolute';
		document.getElementById(ban_list[i]).style.overflow = 'hidden';
	}
		
	g_line_go = false;
	ShowLine();
	return;
		
}

function ShowLine()
{
	
	i=-1;

	// Real position of first pic in line
	pos_x = g_div_x - g_cur_pos_x_in_ban;
	nodraw = false;
	
	// while not all banners moved
	while(i != g_curr_first_ban)
	{
		// if first banner
		if (i==-1)
		{
			i=g_curr_first_ban;
		}

		// if curr left side of banner is left than div cut part
		if (pos_x<g_div_x)
		{
			document.getElementById(g_ban_list[i]).style.width = g_ban_width;
			new_rect = 'rect(auto auto auto '+g_cur_pos_x_in_ban+'px)';
			document.getElementById(g_ban_list[i]).style.clip = new_rect;
			nodraw=false;
		}
		else if ((pos_x+g_ban_width)>(g_div_x+g_line_width)) // if right then cut
		{
			if ((pos_x)>(g_div_x+g_line_width))
			{
				nodraw = true;
			}
			else
			{
				good_width = g_ban_width-(pos_x+g_ban_width-g_div_x-g_line_width);
				new_rect = 'rect(auto '+good_width+'px auto auto)';
				document.getElementById(g_ban_list[i]).style.clip = new_rect;
				document.getElementById(g_ban_list[i]).style.width = good_width;
			}
				
		}
		else
		{
			document.getElementById(g_ban_list[i]).style.clip = 'rect(auto auto auto auto)';;
			nodraw = false
		}

		if (!nodraw)
		{
			document.getElementById(g_ban_list[i]).style.left = pos_x+"px";
			document.getElementById(g_ban_list[i]).style.top = g_div_y+"px";
			document.getElementById(g_ban_list[i]).style.display='block';
		}
		
		pos_x += g_ban_width;
		
		
		i++;
		if (i == g_ban_list.length)
		{
			i=0;
		}
	}
	
	g_cur_pos_x_in_ban += g_line_step;
	if (g_cur_pos_x_in_ban > g_ban_width)
	{
		g_curr_first_ban++;
		if (g_curr_first_ban == g_ban_list.length)
		{
			g_curr_first_ban=0;
		}
		
		g_cur_pos_x_in_ban = 0;
		//g_line_go = false;
	}
	
	if (g_cur_pos_x_in_ban < 0)
	{
		g_curr_first_ban--;
		if (g_curr_first_ban < 0)
		{
			g_curr_first_ban=g_ban_list.length-1;
		}
		
		g_cur_pos_x_in_ban = g_ban_width;
		//g_line_go = false;
		
		//alert(g_curr_first_ban+"-"+g_cur_pos_x_in_ban);
	}
	
	if (g_cur_pos_x_in_ban == 0)
	{
		g_line_go = false;
	}
	if (g_line_go)
	{	
		setTimeout('ShowLine()', g_line_speed);
	}
	
//	document.getElementById(g_ban_list[i]).
}