$(function(){
    // Scroll horizontal da home
    var largura = ($('.slider_home ul.lista li:nth-child(2)').outerWidth(true)) * ($('.slider_home ul.lista li').length) - 30;
    // Seta a largura da ul "lista"
    $('.slider_home ul.lista').css({'width': largura});
    
    $('.slider_home').jScrollHorizontalPane({
        wheelSpeed:       50,
        showArrows:       true,
        scrollbarHeight:  19,
        arrowSize:        26
    });
    

    // Abre links com o rel external em novas janelas
    $("a[rel~='external']").click(function(){
        window.open($(this).attr('href'));
        return false;
    });
});

function popup(_w, _h, _src)
{
	var _left = (screen.width - _w) / 2;
	altura = ((screen.height - _h) / 2)-50;
	var _top = (altura>0?altura:0);
	
	//, toolbar=yes, location=no, status=no, menubar=yes, scrollbars=yes, resizable=no
	
	win = window.open(_src+'&popup=1', "popup_carolina", 'width='+_w+', height='+_h+', top='+_top+', left='+_left+', scrollbars=0');
	
	if (parseInt(navigator.appVersion) >= 4)
	{
		win.window.focus();
	}
}

// define o namespace da aplicação
Application = {}

/**
 * Retorna uma URL completa dado um caminho relativo.
 *
 * É importante que esta função seja definida antes
 * da definição das biliotecas "thickbox" e "sIFR",
 * pois alterei o código-fonte delas para que caminhos
 * relativos sejam convertidos em caminhos absolutos utilizando
 * esta função.
 *
 * @param  string url Um pedaço de URL (caminho relativo dentro do servidor)
 * @return string     Uma URL completa
 */
Application.build_url = function(url) {

    if (!Application.BASE_URL || !Application.BASE_URL.match(/^http/)) {
        Application.BASE_URL = $('meta[name=base_url]').attr('content');
    }

    return Application.BASE_URL + url; 
}

$(function(){
    $('.slider_carro_interna').imageslider( { step: 1, speed: 100 });
    
    $('.interna_carro_videos .slider').imageslider( { step: 1, speed: 550 });
    
    $('.interna_carro_noticias .slider').imageslider( { step: 1, speed: 550, orientation: 'vertical' });
    
    // Video Player
    $('.interna_carro_videos .slider .lista a').live('click', function() {
        var url_video = $(this).attr('href');
        
        $('#video_content').flash({ 
            swf: url_video,
            params: { allowScriptAccess: "always"},   
            flashvars: {enablejsapi: '1', autoplay: '0', allowScriptAccess: "always", id: 'ytPlayer' },   
            width: 375,
            height: 226
        });

        function onYouTubePlayerReady(playerId) {
            $('#video_content').flash(function(){this.addEventListener("onStateChange", "onPlayerStateChange")});
        }
        function onPlayerStateChange(newState) {
            alert(newState);
        }
        
        return false;
    });

    // Transição de banners topo na home
    $('.slider_banners_topo').image_transition({
        duration: 6000,
        stageSelector: '.slider_banners_stage',
        itemsSelector: '.controls li',
        itemImageSelector: '.image_url',
        itemTargetSelector: '.target_url',
        onStageUpdate: function(html) {

            var $stage = $(this);

            // atualiza o stage com o efeito "fade out/in"
            $stage.fadeOut(500, function() {
                $stage.html(html).fadeIn(500);
            });
        }
    });

    // Transição de banners centro na home
    $('.slider_banners_centro').image_transition({
        duration: 6000,
        stageSelector: '.slider_banners_stage',
        itemsSelector: '.controls li',
        itemImageSelector: '.image_url',
        itemTargetSelector: '.target_url',
        onStageUpdate: function(html) {

            var $stage = $(this);
            var $container = $('<div />').html(html);

            if ($container.find('a').length < 1) {
                $container.prepend('<p class="mask" />');
            } else {
                $container.find('a').wrap('<p class="mask" />');
            }

            // torna a "a.img" irmã de "p.mask"
            $container.find('img').remove().appendTo($container);

            // atualiza o stage com o efeito "fade out/in"
            $stage.fadeOut(500, function() {
                $stage.html($container.html()).fadeIn(500);
            });
        }
    });
    
    // lightbox_me
    /*$(".flutuante_chairmans").lightbox_me({
        centered: true
    });*/
    
    $('.close').click(function(){
        $('.flutuante_chairmans').hide();
    });
})

