var curritem=0;
var olditem=-1;
var foto=null;
var planimetria=new Array();
var posX=0;

//MOTION
var incr=0;
var rtime=null; // timeout right
var ltime=null; // timeout left
var sspeed=0; // scroll speed
var mstate=''; // stato movimento
var mspeed=7; // max speed
var mwidth=0; // width container
var div_scroll=null; // contenitore
var div_width=0; // contenitore width;
$(function(){
    $("#fotoang").hide();
});

$(window).load(function(){
    
    $("#tdfotoplan div").hide();
    initPlanimetrie();
    $("#btnPrev").click(function(){
        planimetriaprev();
        return false;
    });
    $("#btnNext").click(function(){
        planimetrianext();
        return false;
    });
    
    $("#tdfotoplan").mousemove(function(e){
        if (div_scroll)
        {
            var offset = $(this).offset();
            var x = e.pageX - (offset.left);
            //mwidth=$("#tdfotoplan").width();
            motion(x);
        }
    }).mouseout(function(){
        clearTimeout(ltime);
        clearTimeout(rtime);
        mstate="";
    });
});

function initMotion()
{
    if (planimetria.length==0) return;
    var idp=planimetria[curritem].attr("id");
    if ($("#foto"+idp).width()==null) return;
    div_scroll=$("#foto"+idp);
    div_width=0;
    rtime=null; // timeout right
    ltime=null; // timeout left
    sspeed=0; // scroll speed
    mstate=''; // stato movimento
    mspeed=7; // max speed
    mwidth=$("#tdfotoplan").width();
    if (div_scroll.width()==0) div_scroll=null;
    if (div_scroll)
    {
        div_width=div_scroll.width();
        div_scroll.css('left',0);
    }
}

function motion(posy){
    var lbound=(mwidth-6)/2;
    var rbound=(mwidth+6)/2;
    if (posy>rbound){
        sspeed=(posy-rbound)/((mwidth-6)/2) * mspeed;
        clearTimeout(rtime);
        if (mstate!="left") moveL();
    }
    else if (posy<lbound){
        sspeed=(lbound-posy)/((mwidth-6)/2) * mspeed;
        clearTimeout(ltime);
        if (mstate!="right") moveR();
    }
    else
        sspeed=0;
}

function moveL(){
    mstate="left";
    if (div_scroll.position().left>(mwidth-div_width)){//-actualwidth
        div_scroll.css('left', div_scroll.position().left-sspeed);
    }
        ltime=setTimeout("moveL()",10);
}

function moveR(){
    mstate="right";
    if (div_scroll.position().left<0){
        div_scroll.css('left', div_scroll.position().left+sspeed);
    }
    rtime=setTimeout("moveR()",10);
}

function initPlanimetrie()
{
    var count = $("div.planimetria").size();
    var posx=0;
    for (var i=0; i < count; i++) 
    {
        planimetria[i] = $("div.planimetria:eq("+i+")");
        if (i==0)
        {
            //var sum=0; 
            //$(this).outerWidth( true ); 
            //$('#holder img').each( function(){ sum += $(this).width(); });
            //planimetria[i].css('left', (500-planimetria[i].width())/2);
            //planimetria[i].css('left', (500-planimetria[i].outerWidth( true ))/2);
            wd=(500-planimetria[i].width())/2;
            planimetria[i].offset().left=wd;
            planimetria[i].css('left',wd);
            
            
            
            //planimetria[i].css('left', '0px');
            posx=planimetria[i].position().left;
            posX=posx;
            $("#foto"+planimetria[i].attr("id")).fadeIn("slow");
        }
        else
        {
            planimetria[i].offset().left=posx;
            planimetria[i].css('left', posx);
            planimetria[i].animate({ opacity: 0.5, top: 100 }, 100);
        }
        posx = planimetria[i].position().left+planimetria[i].width()+10;
    }
    initMotion();
}

function planimetrianext()
{
    if (curritem+1<planimetria.length)
    {
        olditem=curritem;
        curritem+=1;
        setItem();
    }
}

function planimetriaprev()
{
    if (curritem-1>-1)
    {
        olditem=curritem;
        curritem-=1;
        setItem();
    }
}

function setItem()
{
    var width=planimetria[curritem].width();
    var posx=(500-width)/2;
    posX=posx
    var decr=planimetria[curritem].position().left-posx;
    //if (decr<0) decr=decr*-1;
    planimetria[curritem].animate({left: posx, opacity: 1.0, top: 0},500);
    for (var i=0; i<planimetria.length; i++)
    {
        if (i!=curritem)
        {
            pos=planimetria[i].position().left;
            planimetria[i].animate({left: pos-decr, opacity: 0.5, top: 100},500);
        }
    }
    var idp=planimetria[curritem].attr("id");
    $("#foto"+idp).fadeIn("slow");
    if (olditem!=-1)
    {
        var idpo=planimetria[olditem].attr("id");
        $("#foto"+idpo).fadeOut("slow");
    }
    initMotion();
}

function position(x,y,a)
{
    $("#fotoang").attr("src","images/orient"+a+".gif");
    $("#fotoang").css({ 
        top: y, 
        left: x+posX 
    });
    $("#fotoang").slideDown('fast').fadeIn('fast');
}
function nascondi()
{
    $("#fotoang").hide();
}

function openMap(lat,lng,show) {
   var objLink = document.createElement('a');
   objLink.setAttribute('href',"Mappa.aspx?lat="+lat+"&lng="+lng+"&show="+show);
   objLink.setAttribute('rel','lyteframe');
   objLink.setAttribute('rev','width: 606px; height: 406px; scrolling: no;');
   myLytebox.start(objLink, false, true);
}