var IMG_DEFAULT_WIDTH = 700;
var IMG_DEFAULT_RATIO = 1200/806;

var img = new Array();
var frame = 1;
var Zoom = 70;


var dnd = new dragAndDrop();
var dndBehavior = new dragItemBehavior();
dndBehavior.onEnd = dndEnd;
dnd.add(new draggableItem('selector_zoom'), dndBehavior);


if(document.images) // precaricamento delle immagini
 {
   for(i = 1; i <= 16; i++)
   {
     img[i] = new Image();
     img[i].src = "images/img_" + i + ".jpg";
   }
 }

// Avanzamento immagini avanti e indietro
function go(d)
 {
   frame = frame + d;
   if (frame>16)
   {
		frame = 1;
   }
   if (frame<1)
   {
		frame = 16;
   }
   document.images[0].src = img[frame].src;
 }
 
function SetZoom (Step){
	
}

function zoom(ev)
 { 
	
   x = ev.clientX-430;
   y = ev.clientY-360;
   
   px = (x/264)*100;
   py = (y/176)*100;
   
   document.getElementById('zoom_div').style.background='url(images/img_'+frame+'.jpg)'; 
   str = "'"+px+"% "+py+"%'";
   document.getElementById('zoom_div').style.backgroundPosition=eval(str);
  //document.images[1].src = img[frame].src;
 }
 
 
function initDnd() {

	// limiti di movimento
	dndBehavior.bounds = new dragBounds(document.getElementById('img_div'));

	dnd.attachEvents();
	return true;
}

function dndEnd(ditem, ev) {
	//alert(ditem.x + ' ' + ditem.y);
}

function SetDragStyle(Obj){
	Obj.style.border = '2px solid #F58220'
}

function SetEndDragStyle(Obj){
	Obj.style.border = '2px solid #00FF00'
}

function play(){
	try{
		clearInterval(timerID);
	}catch(e){
	
	}
	timerID=setInterval("go(1)",1200)
}

function rev(){
	try{
		clearInterval(timerID);
	}catch(e){
	
	}
	timerID=setInterval("go(-1)",1200)
}

function stop(){
	try{
		clearInterval(timerID);
	}catch(e){
	
	}
}