﻿function on(){

var previousInnerHTML = new String();

previousInnerHTML= previousInnerHTML.concat("<div style='margin-bottom:1em;margin-top:1em;text-align:center;background-color:#000;color:#00ff00;font-size:larger;cursor:pointer;padding:0px 2px 0px 2px;border:1px solid #CCC;width:65px;' onclick='off()'>close</div><div style='color:#FFF;font-size:20px;background-color:#000;'>"+
"<div style='color:#FFF;font-size:20px;background-color:transparent;'>15 Awesome Free javascript &amp; Ajax Scripts</div>"+
"<ul class='NL' style='padding-right:150px;'>"+
"<li><b>1) Lightbox 2</b>  "+
"<blockquote style='background-color:#000;color:#fff;'>"+
"Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers."+
"  <a target='_blank' href='http://www.huddletogether.com'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>2) Timeline</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>With this widget, you can make beautiful interactive timelines.  This software was originally sponsored by The Andrew W. Mellon Foundation as part of the SIMILE project."+
"  <a target='_blank' href='http://simile.mit.edu/timeline/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>3) Reflection.js</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>Reflection.js is a cross platform script which allows you to add reflections to images on your web pages."+
"  <a target='_blank' href='http://cow.neondragon.net/index.php/reflectionjs-19'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>4) Pie &amp; Donut Chart</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>Pie &amp; Donut (doughnut) is a very universal and fully configurable Flash chart. Using it, you can easily have good-looking, animated pies or donuts on your website. You can also use it for creating elaborate navigation menus."+
" <a target='_blank' href='http://www.amcharts.com/pie/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>5) Plotr</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>a lightweight charting framework"+
"  <a target='_blank' href='http://solutoire.com/plotr/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>6) Ajax Instant Messenger</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>open-source, extensible, theme-able instant messaging framework."+
"  <a target='_blank' href='http://www.ajaxim.com/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>7) Starbox</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well."+
"  <a target='_blank' href='http://www.nickstakenburg.com/projects/starbox/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>8) Ajax Tabs Content</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>Free, original DHTML &amp; Javascripts to enhance your web site! "+
"  <a target='_blank' href='http://www.dynamicdrive.com/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>9) script.aculo.us</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly."+
"<a target='_blank' href='http://script.aculo.us/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>10) Progress Bar</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>Simple Javascript based Percentage Bar / Progress Bar which is inspired by Bare Naked App. Bare Naked App taught us how to display Percentage Bar with 2 images only by using CSS. And then I used a little bit of Javascript to make it more interactive."+
"  <a target='_blank' href='http://www.webappers.com/progressBar/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>11) fancybox</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>FancyBox is a tool for displaying images, html content and multi-media in a Mac-style 'lightbox' that floats overtop of web page. It was built using the jQuery library. "+
"  <a target='_blank' href='http://fancybox.net/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>12) jQuery-swip demos</b>   "+

"<blockquote style='background-color:#000;color:#fff;'>jQuery-swip are a collection of jQuery plugins (javascript, css, html) specifically developed to aid the creation of common interface patterns found in browser based applications."+
"  <a target='_blank' href='http://swip.codylindley.com/'>&rarr; Go</a>"+
"</blockquote></li>"+
"<li><b>13) reallysimplehistory</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>Really Simple History is a lightweight JavaScript library for the management of bookmarking and browser history in Ajax/DHTML applications."+
"  <a target='_blank' href='http://code.google.com/p/reallysimplehistory/'>&rarr; Go</a>"+
"</blockquote>"+
"</li>"+
"<li><b>14) Mootools</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API."+
"  <a target='_blank' href='http://mootools.net/'>&rarr; Go</a>"+
"</blockquote></li>"+
"<li><b>15) Unobtrusive AJAX Star Rating Bar</b>   "+
"<blockquote style='background-color:#000;color:#fff;'>Allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh."+
"  <a target='_blank' href='http://masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/'>&rarr; Go</a>"+
"</blockquote></div>");

document.getElementById('panel').style.display='block';
document.getElementById('panel').style.height='2500px';
document.getElementById('hide_button').style.display='none';
document.getElementById('scripts2').style.display='none';
document.getElementById('scripts').style.display='none';
document.getElementById('devcloud').style.display='none';
document.getElementById('twitsearch').style.display='none';
document.getElementById('fsharpdiv').style.display='none';
document.getElementById('NodeXLdiv').style.display='none';
document.getElementById('login').style.height='3000px';
document.getElementById('login').style.width='1000px';
document.getElementById('content').style.display='none';
document.getElementById('divFrameLogin').style.display='none';
document.getElementById('divLoginRegister').style.display='none';

document.getElementById('hidDiv').innerHTML = previousInnerHTML;
}

function off(){

var previousInnerHTML = new String();

previousInnerHTML= previousInnerHTML.concat("<div></div>");
document.getElementById('panel').style.display='none';
document.getElementById('hide_button').style.display='block';
document.getElementById('scripts2').style.display='block';
document.getElementById('scripts').style.display='block';
document.getElementById('devcloud').style.display='block';
document.getElementById('twitsearch').style.display='block';
document.getElementById('fsharpdiv').style.display='block';
document.getElementById('NodeXLdiv').style.display='block';
document.getElementById('login').style.display='block';
document.getElementById('login').style.height='3000px';
document.getElementById('login').style.width='1000px';
document.getElementById('divFrameLogin').style.display='none';
document.getElementById('divLoginRegister').style.display='none';
document.getElementById('content').style.display='block';
document.getElementById('divFrameLogin').style.marginLeft='200px;';
document.getElementById('fsharpdiv').style.display='block';
document.getElementById('NodeXLdiv').style.display='block';
document.getElementById('panel').style.height='500px';
document.getElementById('panel').style.paddingRight='150px';
document.getElementById('panel').style.display='block';
document.getElementById('content').style.display='block';
document.getElementById('hidDiv').innerHTML = previousInnerHTML;
}




