// JavaScript Document - Copyright 2Dmedia Ltd 2009 all rights reserved
var slide_step = 20;
var slide_delay = 5;
var slide_moveby = 330;
var slide_offset = 20;
var slide_offset_init = 160;
var slide_count = Array();

function slide_down(instance, top_id){
	top_id = (top_id * 1);
	for(var x=(top_id+1);x <= slide_count[instance]; x++){
		slide_move_down(instance, x, slide_step);
	}
}

function slide_up(instance, top_id){
	for(var x=1;x <= top_id; x++){
		slide_move_up(instance, x, slide_step);
	}
}

function slide_move_down(instance, imgid, step){
	img = document.getElementById('slide_img_' + instance + '_' + imgid);
	var curtop = parseInt(img.style.top);
	var newtop = (curtop*1) + (step * 1);
	var maxtop = (slide_moveby - (((slide_count[instance] - imgid) + 1) * slide_offset));
	if (newtop <= maxtop){
		img.style.top = newtop + 'px';
		setTimeout('slide_move_down(\'' + instance + '\',\'' + imgid + '\',\'' + step + '\')', slide_delay);
	}else{
		img.style.top = maxtop + 'px';
		img.onmouseover = function(){
			slide_up(instance,imgid);
		}
	}
}

function slide_move_up(instance, imgid, step){
	img = document.getElementById('slide_img_' + instance + '_' + imgid);
	var curtop = parseInt(img.style.top);
	var newtop = (curtop*1) - (step * 1);
	var maxtop = ((imgid - 1) * slide_offset);
	if (newtop >= maxtop){
		img.style.top = newtop + 'px';
		setTimeout('slide_move_up(\'' + instance + '\',\'' + imgid + '\',\'' + step + '\')', slide_delay);
	}else{
		img.style.top = maxtop + 'px';
		img.onmouseover = function(){
			slide_down(instance,imgid);
		}
	}
}

function slide_start(instance){
	setTimeout('slide_up(\'' + instance + '\',\'' + slide_count[instance] + '\')',750);
}

function slide_init(instance, imgarray){
	var slide_div = document.getElementById('slide_container_' + instance);
	var new_div = document.createElement('div');
	new_div.id='slide_header';
	new_div.className='slide_header';
	new_div.onmouseover = new Function('slide_down(\'' + instance + '\',\'1\');');
	new_div.innerHTML = 'Mouse over to see more';
	slide_div.appendChild(new_div);
	var i=0;
	for (var img in imgarray){
		i++;
		var new_div = document.createElement('div');
		new_div.id = 'slide_div_' + instance + '_' + i;
		var new_img = document.createElement('img');
		new_img.id = 'slide_img_' + instance + '_' + i;
		new_img.src = imgarray[img];
		new_img.style.zIndex = i;
		new_img.style.top = (slide_offset_init * (i - 1)) + 'px';
		new_img.onmouseover = new Function('slide_down(\'' + instance + '\',\'' + i + '\');');
		new_div.appendChild(new_img);
		slide_div.appendChild(new_div);
	}
	slide_count[instance] = i;
	slide_start(instance);
}