// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
//var form='frmSample' //Give the form name here

function SetChecked(val,chkName) {
	dml=document.forms["update_form"] ;//form];

	len = dml.elements.length;
	//alert("dml: "+dml+" len: "+len);
	var i=0;
ci=$("output")
	for( i=0 ; i<len ; i++) {
//alert("elname: "+dml.elements[i].name+ " checked: "+dml.elements[i].checked);del_row[14][del] 
		if (true) { //dml.elements[i].name==chkName) {
			dml.elements[i].checked=val;
			
			//ci.innerHTML+="i: "+i+"  elname: "+dml.elements[i].name+ " checked: "+dml.elements[i].checked +"<br>"
		}
		else {
			//ci.innerHTML+="NOT i: "+i+"  elname: "+dml.elements[i].name+ " checked: "+dml.elements[i].checked +"<br>"
			//alert("elname: "+dml.elements[i].name+ " checked: "+dml.elements[i].checked);
		}
	}
}
function choosepic(p){
// 	alert("pic chosen:" + p);
}
var got=false ;
var py=0 ;
var dir=0 ;
var ght=0 ;
function geth(id){
	sb=$(id);
	sbw=sb.style.height; //;;="auto" ;//setAttribute("style","
	sb.style.height="auto" ;//setAttribute("style","
	sch=sb.offsetHeight ;
	sb.style.height=sbw;
	return sch ;
}
var hts=Array();
var htsadd=Array() ;
//var last_real_ht=0 ;
function gethts(){
	tot=0 ;
	for ( i = 1 ; i <= maxpix ; i++ ) {
		isrc = "img_" + i + "_div";
		if ( i == maxpix) { isrc="imgonly_"+maxpix ;}
		hts[i] = geth(isrc);
		htsadd[i] = tot ;
		tot += hts[i] + 120;
		//$( "img_crop_" + i ).scrollTop=200 ;
		//$( "img_crop_" + i ).scrollLeft=30 ;
	}
}
function moveif(imgid){
	i=imgid ;
	ntop = htsadd[i] ;
	ntop-= 220 - (hts[i]/2) ;
	
	//$("scroll_box").scrollTop=ntop ;
	//$("right_stuff").innerHTML="i:"+i+"<br>ntop:"+ntop+"<br>id: "+imgid+"<br>size:"+hts[imgid]+ "<br>pos: "+$("scroll_box").offsetHeight;
}
function coora(event){
	ev=mouseCoords(event)
	//$( "img_crop_1" ).scrollLeft=event.pageX;
	//$( "img_crop_1" ).scrollTop=event.pageY;
	$( "img_crop_1" ).scrollLeft=ev.x;
	$( "img_crop_1" ).scrollTop=ev.y;

	//lpy=event.pageY ;
	//lpx=event.pageX ;
	lpy=ev.y ;
	lpx=ev.x ;

	if (lpy>100 && lpy<500) { return ;}
//	if (ght==0) { ght=geth("scroll_box");gethts();}
	if (ght==0) { ght=1 ;gethts();}
	if (lpy<=100) {dir=-1 ;lpy=100-lpy ;}
	if (lpy>=500) {dir=1;lpy=lpy-500 ;}
	if (lpy>100) { lpy=100;}
	py=lpy/10 ;
	if ($("right_stuff")){
		$("right_stuff").innerHTML="hello ev:"+py+" px:"+ lpx+ " img ht: "+hts +"  maxpics: "+maxpix;
	}
}
function mv(){
/*$("right_stuff").innerHTML="hello ev:"+
	event.pageY +
	" lefthieght:" + 
	$("left").offsetHeight +
	" scrollbox height:" + $("scroll_box").offsetHeight;*/
//alert("hello ev: "+event);
//$("scroll_box").setAttribute("style","overflow:auto;")


	ev=mouseCoords(event)
	$("scroll_box").scrollTop=ev.y ;//event.pageY ;//(300,300);


//$("scroll_box").setAttribute("style","overflow:hidden;")

}
mouseCoords = function(event){
	if(event.pageX || event.pageY) {
		return {x:event.pageX, y:event.pageY};
	} 
	else if (event.clientX || event.clientY) {
	//variables IEleft and IEtop locate mouse position for Internet Explorer, with or without Doctype declarations
		var IEleft = (window.pageXOffset) ? (window.pageXOffset) : (document.documentElement) ? document.documentElement.scrollLeft : document.body.scrollLeft;
		var IEtop = (window.pageYOffset) ? (window.pageYOffset) : (document.documentElement) ? document.documentElement.scrollTop : document.body.scrollTop;
		return {
			x:event.clientX+IEleft,
			y:event.clientY+IEtop};
		}
	return {x:0, y:0};
}

var vtitle,vsz,vsrc ;
var vid=-2 ;
var currid=-1 ;
var dd_loaded ;
var ldimg=0;
var newimg=0 ;
//alert ('llook !!');
function doall(src,sz,id,title){
//alert('hi !!');
	if (id==currid) { 
		//alert("id: "+id+" vid: "+vid+" currid: "+currid);
		return ; 
	} 
	else {
		//alert("change .. id: "+id+" vid: "+vid+" currid: "+currid);
	}
	//if (vid==id) { return ; } 
	vtitle=title ;
	vid=id ;
	vsz=sz ;
	vsrc=src ;
	ldimg=new Image() ;
	ldimg.src=vsrc;
	dd_loaded=false ;
	new Effect.Opacity("mid_data",{duration:0.1,from:1.1,to:0.0,queue:'end'}) ;
	window.setTimeout("swon()",500) ;
}
function highlight(n){
	$('menu_'+n).setAttribute("style","color: #c6bb99;");
}
function lowlight(n){
	$('menu_'+n).setAttribute("style","color: #a69b89;");
}

function swon(){
// fixme - /test/hello is /trails/test/hello on web !!
	//mk_update("main_img_bottom","test/hello?id="+vid);
	//mk_update("main_img_bottom","trails/test/hello?id="+vid);
	//alert('hi !!') ;
	mk_update("main_img_bottom","/test/hello?id="+vid);
	mk_title("main_img_top",vtitle) ;
	reloadImage("main_img",vsrc,vsz) ;
//	new Effect.Opacity("mid_data",{duration:1.5,from:0.0,to:1.1,queue:'end'});
}
function mk_title(div,titlei,t2)
{
	t1=t2;
	if (t1==undefined){
		t1="";
		op=""; //"<"+t1+">"
		cl=""; //" </"+t1+">"
	}
	else {
		op="<"+t1+">"
		cl="</"+t1+">"
	}
	$(div).innerHTML=op+titlei+cl;
}

function mk_update(div,func)
{
		new Ajax.Updater(div,
			func
			,{asynchronous:true
				, evalScripts:true
				//,parameters:Form.serialize($("form_line"))
			} )
}
function mkimg(div,src){
	$(div).innerHTML="<img src='"+src+"'>" ;
}
function reloadImage(div,img,vert_sz)
{
	all_mid="mid_data"

	var msz=200
	if (false) { //vert_sz <300){
		msz=300-vert_sz
		//pos=100-vert_sz 
		pos = msz - (vert_sz/2)
	}
	else {
		pos = msz - (vert_sz/2)
	}
	if (pos<0 ) { pos=0 }
	pos=pos+15 ;
	$("main_img_div").setAttribute("style","margin-top:"+pos+"px")
	imgdat=img +"?" + Math.random();

	//$(div).src=img ;//dat ;
	$(div).src=ldimg.src;
	//newimg=ldimg ;

}
function loaded(){
	if (dd_loaded==false){
		window.setTimeout("loaded()",100) ;
		return ;
	}
	
	new Effect.Opacity("mid_data",{duration:1.0,from:0.0,to:1.1,queue:'end'});
	currid=vid ;
	//alert('loaded !!');
}
//var waswidth=0;
function aaselect(row_id,act){
	//$('left').hide() ;
	if (row_id=="new"){
		mk_update("exec","new_"+act );
	}
	else {
		
		//mk_update("mid_data","edit_img?id="+row_id );
		mk_update("exec","edit_"+act+"?id="+row_id );
	}
}
var wasback=0 ;
function set_on(row,id){
	wasback=$(row).getAttribute("style") ;//#,"background:#e0e0d0;");
//alert("sb: "+sb);
	$(row).setAttribute("style","background:#30e0d0;");
	//alert('draggable: '+drg+' from id: '+id);
}
function set_off(row,id){
	$(row).setAttribute("style",wasback) ;//"background:#ffffff;");
}
function clearscroll(){
	if ($("scroll_box")){
		$("scroll_box").scrollTop=0 ;
	}
}
function mv_up(){
	set("topdiv","color","#1280ff") ;
	//isrunning=true ;
	doloop_mv("up") ;
	//$("topdiv").setAttribute("style","color: #123456");
}
var val=0 ;
function mv_down(){
	set("bottomdiv","color","#12ee56");
	$("bottomdiv").innerHTML="hello val:"+val ;
	val++;
	//isrunning=true ;
	doloop_mv("down") ;
}
var dir="stopped" ;
var pending_change="" ;
function doloop_mv(mvdir){
	if (dir==mvdir || dir=="stopped"){
		dir=mvdir ;
		isrunning=true ;
		doloop() ;
	}
	else {
		// stop , then change dir
		isrunning=false ;
	}
}
function stop_mv(){
	set("topdiv","color","#ffffff") ;
	set("bottomdiv","color","#ffffff") ;
	isrunning=false ;
}
function set(div,att,val){
	$(div).setAttribute("style",att+": "+val);
}

var isrunning=false ;
var uval=0 ;
var speed=0 ; 
var speed_accel=1 ;
var maxspeed=30 ;
var speed_time=40 ;

//var height= getheight() ;
function getheight(){ return $("left_size").offsetHeight} ;
function doloop() { //dir){
		
		$("topdiv").innerHTML="val: "+uval+ "  speed:"+speed ; ;//$("left_size").offsetHeight ;	
	if ( isrunning && 
			(
				( dir=="up" &&  uval < getheight()-(10*speed) ) 
					|| 
				( dir=="down" && uval > (10*speed) ) 
			)
		) {

		if (dir=="up") {
			uval+=speed ;
		}
		else if (dir=="down"){
			uval-=speed ;
		}
		if (speed<maxspeed){
			speed+=speed_accel ;
		}
		else {
			speed=maxspeed ;
		}
		$("scroll_box").scrollTop=uval ;
		window.setTimeout("doloop()",speed_time) ;
	}
	else	{
		if (speed>0){
			//$("topdiv").innerHTML="val: "+uval ;
			if (dir=="up") {
				uval+=speed ;
			}
			else if (dir=="down"){
				uval-=speed ;
			}
			if (speed>0){
				speed-=speed_accel ;
			}
			else {
				speed=0 ; //maxspeed ;
				
			}
			$("scroll_box").scrollTop=uval ;
			window.setTimeout("doloop()",speed_time) ;
		}
		else {
			dir="stopped";
			speed=0 ;
		}
	}
	if (uval<0 ){ uval=0 }
	if (uval>getheight()) { uval=getheight() }
}

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
//window.captureEvents(Event.CLICK | Event.MOUSEDOWN | Event.MOUSEUP);

//document.onClick = myclick;
//function myclick