$(document).ready(function() {
    $("#gallery a").fancybox({
    'hideOnContentClick':true,
    'zoomSpeedIn':700, 
    'zoomSpeedOut':700,
    'overlayShow':    true    
    });
    
    $("#view a").fancybox({
    'hideOnContentClick':true,
    'zoomSpeedIn':700, 
    'zoomSpeedOut':700,
    'overlayShow':    true    
    });    
    
    $("#plan").fancybox({
    'hideOnContentClick':true,
    'zoomSpeedIn':700, 
    'zoomSpeedOut':700,
    'overlayShow':    true    
    });     
    
    $("#backyard").fancybox({
    'hideOnContentClick':true,
    'zoomSpeedIn':700, 
    'zoomSpeedOut':700,
    'overlayShow':    true    
    });     
});

function left()
{
    if(PosL <= 0)
        return false;
        
    PosL-=1;
    Right = PosL+14;
    PosR  = Right;
    
    $('#gallery_scroller').html(null);
    html = '<li class="clear"><!-- ~ --></li>';
    for(var i = PosL; i < Right; i++)
    {
        html+= '<li><a href="'+HTTP_PATH+'/gallery/'+Images[i][0]+'"><img alt="" src="'+Images[i][1]+'/thumb.jpg" width="48" height="48" /></a></li>';
    }
    html+= '<li class="clear"><!-- ~ --></li>';
    $('#gallery_scroller').html(html);                                          
}

function right()
{
    if(PosR >= Images.length)
        return false;
        
    PosR+=1;
    Left = PosR-14;
    PosL  = Left;
    
    $('#gallery_scroller').html(null);
    html = '<li class="clear"><!-- ~ --></li>';
    for(var i = PosL; i < PosR; i++)
    {
        html+= '<li><a href="'+HTTP_PATH+'/gallery/'+Images[i][0]+'"><img alt="" src="'+Images[i][1]+'/thumb.jpg" width="48" height="48" /></a></li>';
    }
    html+= '<li class="clear"><!-- ~ --></li>';
    $('#gallery_scroller').html(html);                                          
}

function show(id)
{
    $('#'+id).toggle();
}

function requestForm(pos)
{   
    var ScrollTop = document.body.scrollTop;

    if (ScrollTop == 0)
    {
        if (window.pageYOffset)
            ScrollTop = window.pageYOffset;
        else
            ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
    }

    if($('#form').css('display') == 'none')
    {
        $('#top_css').val(pos);
        $('#form').css('top', (ScrollTop+100)+'px');
        $('#bg').show();
        $('#form').show();
    }
    else
    {
        $('#bg').fadeOut('fast');
        $('#form').hide();
    }
}