// JavaScript Document
    $(document).ready( function(){   

		$("#clients2 > tbody > tr > td")
		.bind('click', function(event){

			if ( !($(this).hasClass('passive') )){
				h_top = 20;
				
				$("#clients2 > tbody > tr > td").removeClass('active').addClass('passive');
				h = $(this).find('img').height();
				w = $(this).width();

				$(this).find('.logo_client').width(w + 5);
				$(this).find('.box_logo').css('top', -h_top - ($(this).height() - h)/2 + 'px').show();

				$(this).removeClass('passive').addClass('active');
                
                var client_tab_pos = getOffsetRect('clients2') - 35;
                var footer_pos = getOffsetRect('footer');
                var block_stat_height = $(this).find('.box_logo').height() - 15;
                
                var tmp = footer_pos - client_tab_pos;
                if(tmp < block_stat_height){
                    document.getElementById('footer').style.paddingTop = (block_stat_height - tmp) + 'px';
                }
                
			}
			return false;
		});


		$("div.box_logo a").bind('click', function(event){
				$("#clients2 > tbody > tr > td").removeClass('passive').addClass('active');
				$(this).parents('.box_logo').hide();
                $('#footer').css('padding-top', '0px');
				return false;
		});
	});


	function logo_resize(){

			$(window).bind("resize", function(){
				$("#clients2 > tbody > tr > td.active .logo_client").width( $("#clients2 > tbody > tr > td.active").width() + 5);
			});

	}
    
    function getOffsetRect(id) {
        var elem = document.getElementById(id);
        var box = elem.getBoundingClientRect();
        var body = document.body;
        var docElem = document.documentElement;
        var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
        var clientTop = docElem.clientTop || body.clientTop || 0;
        var top  = box.top +  scrollTop - clientTop;
        return Math.round(top);
    }