var $j = jQuery.noConflict();
var position = "left";


$j(document).ready(function(){
    /* setup do menu */

    //2 - pega o ponto de partida do menu, coordenada left do menu principal
        var leftMenu = $j('#menu-menu').offset().left;

    //3 - percorre o menu pegando todos os sub-menus e corrigindo o posicionamento para que fiquem
    //    na mesma posicao do menu principal. o resto é feito via CSS (tamanho, altura, posicao do topo)
    //    para achar a coordenada, é necessário colocar o menu como hidden e display:block, pois o jquery nao pega coordenadas
    //    de itens display:none

    $j('.sub-menu').css({'display':'block','visibility':'hidden'}).each( function (i,o){
        var leftThis = $j(o).parent('li').offset().left;
        if(leftThis > leftMenu) { $j(o).css('left',-1*(leftThis - leftMenu));  }
        //alert('terminei');
    });

    // restaura as propriedades de exibicao do submenus
    $j('#menu-menu').find('.sub-menu').css({'display':'none','_display':'block','visibility':''});


    //adiciona evento que mostra menus
    $j('#menu-menu').find('a').unbind().mouseenter(function () { $j(this).next('ul').first().slideDown('fast');});

    //adiciona evento que esconde menus
    $j('#menu-menu').find('a').parent('li').mouseleave(function () { $j(this).find('ul').first().slideUp('fast');});



});

$j(document).ready(function () {
    //Examples of how to assign the ColorBox event to elements
    $j("a[rel='example1']").colorbox({ slideshow: true });

    //Example of preserving a JavaScript event for inline calls.
    $j("#click").click(function () {
        $j('#click').css({ "background-color": "#f00", "color": "#fff", "cursor": "inherit" }).text("Open this window again and this message will still be here.");
        return false;
    });

    $j('#s3slider').s3Slider({
        timeOut: 4000
    });

    var time1 = 3000;
    var time2 = 4000;
    var time3 = 5000;
    var time4 = 6000;

    var time1 = 1000 + time4;
    var time2 = 1000 + time1;
    var time3 = 1000 + time2;
    var time4 = 1000 + time3;

    $j('.slideshow1').cycle({
        fx: 'fade',
        delay: time1,
        speedOut: 500 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });

    $j('.slideshow2').cycle({
        fx: 'fade',
        delay: time2,
        speedOut: 500
        // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });

    $j('.slideshow3').cycle({
        fx: 'fade',
        delay: time3,
        speedOut: 500 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });

    $j('.slideshow4').cycle({
        fx: 'fade',
        delay: time4,
        speedOut: 500 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
});