var base = '/';
$(document).ready(function () {
    //hide click on title h3
    $('#filter_box h3').click(function (event) {
	var filter = $('#filter img');
	filter.attr('src', base+'img/layout/button_filter.png');
	filter.attr('alt', 'on');
	$('#filter_ajax').html('');
	$('#filter_box').toggle('slow');
    });
    
    //enable/disable button filter
    //load/unload ajax filter results
    $('#filter').click(function (event) {
	event.preventDefault();
	var filter = $('#filter img');
	var active = filter.attr("alt");
	if (active == 'on') {
	    filter.attr('src', base+'img/layout/button_filter_off.png');
	    filter.attr('alt', 'off');
                pageTracker._trackPageview('/ajax/searches/filter');
	    $('#filter_ajax').load(base+"searches/filter");
	}else {
	    filter.attr('src', base+'img/layout/button_filter.png');
	    filter.attr('alt', 'on');
	    $('#filter_ajax').html('');
	}
	$('#filter_box').toggle('slow');

	var lft_f = filter.position().left+25;
	var top_f = filter.position().top+25;
	$('#filter_box').css('top', top_f+'px');
	$('#filter_box').css('left', lft_f+'px');
    });

    //hide click on title h3
    $('#layout_box h3').click(function (event) {
	var layout = $('#layout img');
	layout.attr('src', base+'img/layout/button_layout.png');
	layout.attr('alt', 'on');
	$('#layout_ajax').html('');
	$('#layout_box').toggle('slow');
    });

    $('#layout').click(function (event) {
	event.preventDefault();
	var layout = $('#layout img');
	var active = layout.attr("alt");
	if (active == 'on') {
	    layout.attr('src', base+'img/layout/button_filter_off.png');
	    layout.attr('alt', 'off');
	    pageTracker._trackPageview('/ajax/searches/layout');
	    $('#layout_ajax').load(base+"searches/layout");
	}else {
	    layout.attr('src', base+'img/layout/button_layout.png');
	    layout.attr('alt', 'on');
	    $('#layout_ajax').html('');
	}
	$('#layout_box').toggle('slow');

	var lft_l = layout.position().left+25;
	var top_l = layout.position().top+25;
	$('#layout_box').css('top', top_l+'px');
	$('#layout_box').css('left', lft_l+'px');
    });
    
    // tooltip
    //    $('#results img').tooltip({ showURL: false, track:true});

    $('a#logo_colecao.imagempaz').live('click', function (event) {
	event.preventDefault();
	loadCollectionBox(this, 'imagempaz');      
    });

    $('a.link_colecao.imagempaz').live('click', function (event) {
	event.preventDefault();
	loadCollectionBox(this, 'imagempaz');      
    });

    $('a#logo_colecao.nossaterra').live('click', function (event) {
	event.preventDefault();
	loadCollectionBox(this, 'nossaterra');      
    });
    $('a.link_colecao.nossaterra').live('click', function (event) {
	event.preventDefault();
	loadCollectionBox(this, 'nossaterra');      
    });


    $('.collection_box h3').live('click', function (event) {
      $('#nossaterra_box').addClass('hide');
      $('#imagempaz_box').addClass('hide');
    });


    $('#breadcumb #mostrar_mesaluz').click(function (event){
	event.preventDefault();
	$.cookie('light_table', 'show', {path:'/'});
	load_light_table();
    });

    $( window ).scroll( resize_light_table );
    //    $( document ).ready( resize_light_table );    
//    $(window).bind('resize', resize_light_table );

    load_light_table();

    $('.pagination_goto').click(function (event) {
	event.preventDefault();
	window.location = base+'searches/results/page:'+$('.page').val();	
    });

    $('.page').keyup(function(e) {
        //alert(e.keyCode);
	if(e.keyCode == 13) {
	    window.location = base+'searches/results/page:'+$(this).val();
	}
    });


    //qndo esta funcao for alterada, atualizar
    // a msm funcao no arquivo /js/image/view.js
    $('.add_image').click(function (event) {
	event.preventDefault();
	if ($("#login_test").length > 0 ) {
	    //$('#login').show('slow');
	    open_modal("users/login");
	}else {
	    $.get(this.href, function (data) {
		    //load_logged_actions();	
		    reload_light_table();
	    });
	    $(this).hide();
	    $(this).before('');
	}
    });
    $('#sidebar').scrollFollow({speed:0});    

        // Add an onClick behavior to this link
        $("a.img_details").live('click', function(event) {
            // Prevent the browser's default onClick handler
            event.preventDefault();
	if ($("#login_test").length > 0 ) {
	    open_modal("users/login");
	}else {


            // Grab parameters using jQuery's data() method
            var params = $(this).data("popup") || {};            

            // Use the target attribute as the window name
            if ($(this).attr("target"))
            {
                params.windowName = $(this).attr("target");
            }

            // Pop up the window
            var windowObject = UTIL.popup.open(this.href, params);

            // Save the window object for other code to use
            $(this).data("windowObject", windowObject);
	}
        });

});

    var resizeTimer = null;

    function load_light_table() {
	var light_table = $.cookie('light_table');

	    if ((light_table == 'show') || (light_table == null)) { //nao esta logado
		$('#sidebar').load(base+"light_tables/my", null, load_js_sidebar);
	    $('#sidebar').show('slow');

	    // fix width of #options on results
	    $('#content').removeClass('options_mesa_off');
	    $('#content').addClass('options_mesa_on');
	    
	    //fix width of result container
	    $('#breadcumb').addClass('span-18');
	    $('.options').addClass('span-18');
	    $('#results').addClass('span-18');

	    $('#breadcumb').removeClass('span-23 append-1');
	    $('.options').removeClass('span-23 append-1');
	    $('#results').removeClass('span-23 prepend-1');

	    $('#mostrar_mesaluz').hide();

	}else {
	    $('#sidebar').hide('slow');
	    $('#sidebar').html('');

	    //fix width of result container
	    if (resizeTimer) clearTimeout(resizeTimer);
	    setTimeout(function () {
		// fix width of #options on results
		$('#content').removeClass('options_mesa_on');
		$('#content').addClass('options_mesa_off');
		
		$('#breadcumb').removeClass('span-18');
		$('.options').removeClass('span-18');
		$('#results').removeClass('span-18');

		$('#breadcumb').addClass('span-23 append-1');
		$('.options').addClass('span-23 append-1');
		$('#results').addClass('span-23 prepend-1');
		
	    }, 600);

	    //swap show mesa luz
	    $('#mostrar_mesaluz').show();

	}
    }

    function add_dragdrop() {
	$("#results .result_item").draggable({opacity:0.5, helper:'clone'});
	$(".scroll").droppable({
	    accept: ".result_item",
	    activeClass: 'droppable-active',
	    hoverClass: 'droppable-hover',
	drop: function(ev, ui) {
	    $.get(base+'light_tables/add_image/'+ui.draggable['0'].id, 
		  function (data) {
		      reload_light_table();
		  });
		}
	});   
    }

    function load_js_sidebar (){
	$('#esconder_mesaluz').click(function(event) { 
	    event.preventDefault();
	    $.cookie('light_table', 'hide', {path:'/'});
	    load_light_table();
	});
	$('#LightTableLightTableId').change(function(event) { 
	    event.preventDefault();
	    $('#sidebar').load(base+"light_tables/my", 
			       { 'data[LightTable][light_table_id]' : 
			       $('#LightTableLightTableId').val() }, 
            function () { load_js_sidebar(); resize_light_table(); }
			      );
	});

	$('.remove_image').click(function (event) {
	    event.preventDefault();
	    if (confirm('Tem certeza que deseja excluir esta imagem da mesa atual?')) {
	    $.get(this.href, function (data) {
		    reload_light_table();
	    });
	    }
	});
	add_dragdrop();
	resize_light_table();
    }



    function resize_light_table() {
	var sizeScroll =  parseInt( $( document ).scrollTop());
	var sizeviewportHeight = parseInt( $( window ).height() );	
	var sizeparentTop =  parseInt( $('#content').offset().top );
	if (sizeScroll > 200) {
	    $('#sidebar').css('height', sizeviewportHeight);
	    $('#sidebar .scroll').css('height', sizeviewportHeight-85);
	}else {
	    $('#sidebar').css('height', sizeviewportHeight-Math.min(sizeparentTop, (sizeparentTop-sizeScroll)));
	    $('#sidebar .scroll').css('height', sizeviewportHeight-Math.min(sizeparentTop, (sizeparentTop-sizeScroll))-85);
	}
	add_dragdrop();

    }

function reload_light_table () {
    $('#sidebar').load(base+"light_tables/my", load_js_sidebar);
}
function loadCollectionBox(el, type) {
    if (type == 'imagempaz') {
	elt = $('#imagempaz_box');
    }else if (type == 'nossaterra') {
	elt = $('#nossaterra_box');
    }

    var position = $(el).position();
    var top =  position.top+25;
    var left = position.left;

    elt.css('top', top+'px');
    elt.css('left', left+'px');
    elt.removeClass('hide');
}