cute popup

gistfile1.txt

<!-- welcome popup --><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/osx/osx.css" type="text/css" media="screen" />
<!-- cute popup -->
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/cutepop.css" type="text/css" media="screen" /> 
       <div id=popup> 
                 
                <div id="in-holder">
                <span class=hide>
                        <a href=# class=hide><span style="color:#555;">Close</span> x</a>
                </span>
                <p>Welcome to <a href="http://www.eastbayloop.com">East Bay Loop!</a> Read up on <a href="http://www.eastbayloop.com/east-bay-loop/">what's new</a>. You can also <a href=# class="hidein">close this bar</a> and come back later.</p>
        </div>

        </div> 
<!-- cutebar js needs jquery ui and some 2 scripts below running in no conflict with an $s var instead of a jQuery blanket var because they conflict -->

        <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>

        <script type='text/javascript'> 

var $s = jQuery.noConflict();

        $s(document).ready(function($) {

$s(document).ready(function(){    
    $s('#popup').show("bounce", { times:3 }, 300);
    $s('.showpop').hide();
    $s('.hide').click(function(){
        $s('#popup').slideUp();
        $s('span.showpop').fadeIn('slow');
        return false;
    });
        $s('.hidein').click(function(){
        $s('#popup').slideUp();
        $s('span.showpop').fadeIn('slow');
        return false;
    });

});
 
});

var $a = jQuery.noConflict();
        $a(document).ready(function($) {


    $a('a.showpoplink').click(function(){
        $a('#popup').show("bounce", { times:3 }, 300);
        $a('.showpop').hide();
        return false;
    });
    });


        </script>