var htmlText = new Array();

htmlText[0] = '<div id="pic-block1"> \
    <div class="iePNG pic-block-txt"> \
        <div class="pic-block-h2">Where the sites live</div> \
        <p>You think that a housekeeper can never become a hosting guru? Nah... We do not think so and we will prove you that.</p> \
    </div> \
</div>';
htmlText[1] = '<div id="pic-block2"> \
    <div class="iePNG pic-block-txt"> \
        <div class="pic-block-h2">Where the sites live</div> \
        <p>You think that creating a good site requires a fortune? Let us show you how you can do it having $5 in your pocket.</p> \
    </div> \
</div>';
htmlText[2] = '<div id="pic-block3"> \
    <div class="iePNG pic-block-txt"> \
        <div class="pic-block-h2">Where the sites live</div> \
        <p>You think that your business is too big for Virtual hosting, but you are not yet ready for a dedicated solution? Have a look at our VPS plans, that is the right decision for you.</p> \
    </div> \
</div>';
htmlText[3] = '<div id="pic-block4"> \
    <div class="iePNG pic-block-txt"> \
        <div class="pic-block-h2">Where the sites live</div> \
        <p>You think that company who sells virtual hosting can not provide reliable dedicated servers of a high quality? Just try and you will see that we can.</p> \
    </div> \
</div>';




$(function() {
    var fish = $('#js-block');
    var index = 0;
    $('div#plans-block>div').each(function() {
        var item = $(this).attr('class').match(/plan(\d+)/);
        if (item != null) {
            $(this).bind('mouseover', function() {
                // change 2-nd row with pre-filled HTML content
                fish.html(htmlText[item[1] - 1]);
            });

            index++;
        }
    });
});



// tabs go
$(document).ready(function(){
	$("#menu > ul").tabs({
		fxFade: true,
		fxSpeed: 'slow'
	});
});
// end tabs go

// png fix
$(document).ready(function(){ 
	$(document).pngFix(); 
}); 
// end png fix