Wordpress modal box

I was trying to create a modal box for a wordpress blog where after 30 seconds a user has arrived the blog, a modal box would automatically show up asking the user to subscribe a newsletter.


After some research and using this article as source I came to this result (in this example there are 5 seconds delay):


<div id="boxes">

<div id="dialog" class="window">
<b>Testing of Modal Window</b> |

<!-- close button is defined as close class -->
<a href="#" class="close">Close it</a>

</div>


<!-- Do not remove div#mask, because you'll need it to fill the whole screen -->
<div id="mask"></div>
</div>
<style>

/* Z-index of #mask must lower than #boxes .window */
#mask {
position:absolute;
z-index:9000;
background-color:#000;
display:none;
}

#boxes .window {
position:absolute;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
width:375px;
height:203px;
background-color:#FF0000;
}
</style>
<script>

$(document).ready(function() {


//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#mask, .window').hide();
});

//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});

setTimeout('showbox()',5000);
});
function showbox()
{
var id = '#dialog';
var maskHeight = $(document).height();
var maskWidth = $(window).width();

//Set height and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});

//transition effect
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);

//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();

//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);

//transition effect
$(id).fadeIn(2000);
}

</script>

Hadoop Hive

Interesting information regarding Hadoop and Hive:

Hadoop and hive in Facebook

Infosys regarding Hadoop and Hive for DW

Hadoop Hive in EC2 example

While researching Hadoop and Hive (for dw purposes), I found that

- Cloudera has some AMI which include Hadoop and Hive for Ec2 - I was able to easily use one of these AMI and perform some basic tests (hadoop was already installed in this instance, and all i had to do was "apt-get install hive"). The AMI was for a x86 server with AMI ID ami-ed59bf84

- sqoop is a tool to transfer data from and to RDBMS (Mysql or Postgres for example)

- Here is a project for tracking trends (using data from wikipedia) that uses Hadoop, Hive and EC2. I will give it a try soon.

I'm trying to perform some tests with these technologies, it's not easy because documentation is not easy to find. If you are doing the same please, comment this post and let me know your progresses.