// JavaScript Document
var ie=navigator.userAgent.indexOf("MSIE")>0
ie=true;//!must be
var slide_box
var green_button
var green_sub_button
var base_width
var slide_strip
var button_space
var slide_count_bar
var turn_roll=true
var turnout
var on_jump=false
var step_counter=0
var delay=8000
var slide_min_spd=1
var slide_max_spd=40
var stop_delay=1
var delay_counter
var d_speed=1.5
var slide_speed=slide_min_spd

var pictures_count=0
var jump_position

$(document).ready(function()
{
	slide_box=document.getElementById("picture_box")
	slide_count_bar=document.getElementById("count_bar")
	//green_button=null;//document.getElementById("green_button")
	//green_sub_button=null;//document.getElementById("green_sub_button")
	
	slide_strip=document.getElementById("pictures_row")
	base_width=document.getElementById("picture_box").clientWidth
	
	$("#pictures_row > .photo_frame").load(function(){pictures_count++})
	//alert(pictures_count)
	jump_position=Math.round(Math.random()*pictures_count)
	$("#pictures_row > .photo_frame").css("display","none")
	
	//slide_strip.style.width=slide_strip.clientWidth+base_width
	//button_space=base_width
	//green_button.style.width=Math.round(base_width/5)
	
	
	jump(jump_position)	
	
	$("#pictures_row").css("visibility","visible")
	turnout=setTimeout("jumper()", delay);
	//delay_counter=stop_delay
	
	//document.getElementById("slide_5").innerHTML=document.getElementById("slide_0").innerHTML
	show_state(1)
	slide_box.scrollLeft=0
	/*
	document.getElementById("right_button").onclick=function()
	{
		if(!turn)return
		jump_position=++jump_position%(pictures_count+1)
		if(jump_position==0)jump_position++
		jump(jump_position+1);
		return false;
	}
	document.getElementById("left_button").onclick=function()
	{
		//if(jump_position%pictures_count==0)jump_position++
		if(!turn)return
		if(jump_position--<=0) jump_position=pictures_count-1
		if(jump_position%(pictures_count+1)==pictures_count-1)
		{
			slide_box.scrollLeft=base_width*pictures_count
		}
		jump(jump_position%(pictures_count+1)+1);
		return false;
	}
	*/
	//setTimeout("roll_slider()", delay);
}
)
function jumper()
{
	if(!turn_roll)return;
	jump_position++
	jump_position=jump_position%pictures_count
	jump(jump_position)
	turnout=setTimeout("jumper()", delay);
}
function show_state(jump_position)
{
	var ax=""
	var i,jpos,jset
	jset=(jump_position-1)%pictures_count
	for (i=0;i<pictures_count;i++)
	{
		jpos=i+1
		if(i!=jset) ax+="<a href=\"#\" onClick=\"click_jump("+i+")\" >";
		else ax+="<a href=\"#\" onClick=\"click_jump("+i+")\" class=\"selected\">";
		ax+=jpos
		ax+="</a>";
	}

	slide_count_bar.innerHTML=ax;
}

function click_jump(jpos)
{
	jump(jpos)
	turn_roll=false
	clearTimeout(turnout)
	//alert(turn)
}

function jump(jump_position)
{
	//alert(jump_position)
	show_state(jump_position+1)
	//if(jump_position<=step_counter) slide_stage=4
	//else slide_stage=1
	step_counter=jump_position-1
	fader(jump_position)
//	setTimeout("roll_slider()", delay);
	
//	turn=false
//	on_jump=false
	return false;
}
function fader(jump_position)
{
	$("#pictures_row > .photo_frame:gt("+jump_position+")").fadeOut()
	$("#pictures_row > .photo_frame:lt("+jump_position+")").fadeOut()
	$("#pictures_row > .photo_frame:eq("+jump_position+")").fadeIn()
	
	
}