WeberDev.com PHP and MySQL Code

LOG IN
BEGINNER GUIDES  |  PHP CLASSES  |  CODE SEARCH  |  ARTICLES SEARCH  |  PHP FORUMS  |  PHP MANUAL  |  PHP FUNCTIONS LIST  |  WEB SITE TEMPLATES
Start typing to search for PHP and MySQL Code Snippets and Articles Search
Submit a code Example / Snippet Submit Your Code
Search Engine Optimization Monitor SEO Monitor
Web Site UpTime Monitor UpTime Monitor
WeberDev's Monthly code contest PHP Code Contest
Your Personal Examples List My Favorite Examples
Your Personal Articles List My Favorite Articles
Edit Account Info Update Your Profile
PHP Code Search
Web Development Forums
Learn MySQL Playing Trivia
PHPBB2 Templates
Web Development Index
PHP Web Logs (BLogs)
Web Development Resources
Web Development Content
PHPClasses
PHP Editor
PHP Jobs
Vision.To Design
Ajax Tutorials
PHP Programming Help
PHP/MySQL Programming
Webmaster Resources
Webmaster Forum
XML meta language
website builder
Submit Site
Forex Trading Online forex trading platform

Go Back Add a Comment Send this example to a friend Add this Article to your personal favoritest for easy future access to your favorite Code Examples and Articles. Submit a code example Print this code example.
BACK ADD A COMMENT SEND TO A FRIEND ADD TO MY FAVORITES ADD CODE EXAMPLES PRINT
Title : Java Script Based Navigation
Categories : HTML, Java Script, Navigation Click here to Update Your Picture
stuti patel
Date : Nov 01st 2007
Grade : 3 of 5 (graded 4 times)
Viewed : 2021
File : 4712.zip
Images : Image 1 , Image 2 , Image 3
Search : More code by stuti patel
Action : Grade This Code Example
Tools : My Examples List

  Submit your own code examples 
 

pops the windows on a mouse move. Looks gr8 and also saves much space for any webpage.

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Homepage</title>
<LINK href="homepage.css" type=text/css rel=stylesheet>
<SCRIPT src="mootools.js" type=text/javascript></SCRIPT>
<SCRIPT src="global2.js" type=text/javascript></SCRIPT>
<SCRIPT src="pods.js" type=text/javascript></SCRIPT>
</head>

<body bgcolor="#D0DCE8">
<br /><Br /><br /><br /><br /><BR /><br />
      <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#D0DCE8" align="center">
            <tr><td height="1" bgcolor="white"></td></tr>
            <tr><td height="15" bgcolor="#D0DCE8"></td></tr><!--#D0DCE8-->
              <tr>
            <td width="5"></td>
            <td valign="top">
            <!--code-->
                <DIV class=panelBlock>
                          <DIV id=kwick>
                            <DIV class="kwick pod1">
                              <DIV class=podCenter>
                                <H1 class="medium"><font class="medium">Services</font></H1>
                                <UL class=arrowlink>
                                  <LI><A href="http://www.slscorp.com/pages/fpga_socserv.php">FPGA/SOC
                                    Design</A>
                                  <LI><A href="http://www.slscorp.com/pages/pcb_serv.php">High Speed
                                    PCB Design</A>
                                  <LI><A href="http://www.slscorp.com/pages/sftwcons_serv.php">Software
                                    Development</A> <BR>
                                    <BR>
                                    <BR>
                                    <IMG style="FLOAT: left; PADDING-BOTTOM: 40px" src="images/icon_dev.gif">
                                  <LI style="BACKGROUND: none transparent scroll repeat 0% 0%">
                                    <FONT class="podText"> <A href="http://www.slscorp.com/pages/services.php">SLS
                                    is one stop shop for everything from IPs to
                                    hardware design to board design to board manufacturing
                                    and ...</A><BR>
                                    <Br>
                                    </FONT> </LI>
                                </UL>
                              </DIV>
                              <DIV class=podBottom><IMG src="images/podbottom.jpg"></DIV>
                            </DIV>
                            <DIV class="kwick pod2">
                              <DIV class=podCenter>
                                <H1><font class="medium">IP Cores</font></H1>
                                <UL class=arrowlink>
                                  <LI><A href="http://www.slscorp.com/pages/processorcores.php">Processor
                                    Cores</A>
                                  <LI><A href="http://www.slscorp.com/pages/peripheralcores.php">Peripheral
                                    Cores</A>
                                  <LI><A href="http://www.slscorp.com/pages/interfacecores.php">Interface
                                    Cores</A> <BR>
                                    <BR>
                                    <FONT class="podText"><span id="div2"><BR>
                                    AMPP approved and SOPC builder ready IP cores
                                    for your SOC design.</span></FONT> </LI>
                                </UL>
                              </DIV>
                              <DIV class=podBottom><IMG src="images/podbottom.jpg"></DIV>
                            </DIV>
                            <DIV class="kwick pod3">
                              <DIV class=podCenter>
                                <H1><font class="medium">Products</font></H1>
                                <UL class=arrowlink>
                                  <LI><A href="http://www.slscorp.com/pages/test_measure.php">Test and
                                    Measurement</A>
                                  <LI><A href="http://www.slscorp.com/pages/developmentboard.php">Development
                                    Boards</A>
                                  <LI><A href="http://www.slscorp.com/pages/snaponboards.php">Snap On
                                    Boards</A>
                                  <LI><A href="http://www.slscorp.com/pages/interactive_learning.php">Interactive
                                    Learning</A>
                                  <LI><A href="http://www.slscorp.com/pages/terasic_fpga_sys.php">TerAsic
                                    FPGA Systems</A> <BR>
                                    <BR>
                                    <IMG style="FLOAT: left; PADDING-BOTTOM: 40px" alt="" src="images/products.gif">
                                  <LI style="BACKGROUND: none transparent scroll repeat 0% 0%"><A href="http://www.slscorp.com/pages/products.php" title="More >>"><FONT class="podText">High
                                    performance, programmable solutions from SLS
                                    provide exceptional system value and time-to-
                                    market</font><br>
                                    </A></LI>
                                </UL>
                              </DIV>
                              <DIV class=podBottom><IMG alt="" src="images/podbottom.jpg"></DIV>
                            </DIV>
                          </DIV>
                        </DIV>
                        <!--/code-->
              </tr>
          </table>
</body>
</html>



global2.js
// start - bottom nav tab highlighting
var W3CDOM = (document.createElement && document.getElementsByTagName);

function showTab_temp(_tab)
{
    closeAllTabs_temp();
    var tabLeft = $('tabbar').getLeft() + 200;
  var tabTop = $('tabbar').getTop() - 235;
 
    if( document.getElementById )
    {
        var _activeTab = document.getElementById(_tab);
    }
    else if( document.all )
    {
            var _activeTab = document.all[_tab];
    }
    if( navigator.appName == "Microsoft Internet Explorer" )
    {
        _activeTab.style.display="block";
        _activeTab.style.left = tabLeft;
      _activeTab.style.top = tabTop;
    }
    else
    {
        _activeTab.setStyle('display','block');
        _activeTab.setStyle('top',tabTop);
        _activeTab.setStyle('left',tabLeft);
    }
}
function closeAllTabs_temp()
{
    //alert('');
    for( var i = 1; i < 5; i++ )
    {
        var _currentTab = "tabs_tab"+i+"_subpage";
        if( document.getElementById && document.getElementById(_currentTab) )
        {
            document.getElementById(_currentTab).style.display='none';
        }
        else if(document.all && document.all[_currentTab])
        {
            document.all[_currentTab].style.display='none';
        }
    }
}

/*
var ids=new Array('podtab1_div','podtab2_div','podtab3_div');
function switchid(divId){   
    hideallids();
    showdiv(divId);
    highlightTab(divId.substring(0, divId.length-4))
}
function hideallids(){
    //loop through the array and hide each element by id
    for (var i=0;i<ids.length;i++){
        hidediv(ids[i]);
    }         
}

function hidediv(id) {
    //safe function to hide an element with a specified id
    if (document.getElementById && document.getElementById(id)) { // DOM3 = IE5, NS6
        document.getElementById(id).style.display = 'none';
    }
    else {
        if (document.layers && document.id) { // Netscape 4
            document.id.display = 'none';
        }
        else if(document.all && document.all.id) { // IE 4
            document.all.id.style.display = 'none';
        }
    }
}

function showdiv(id) {
    //safe function to show an element with a specified id
         
    if (document.getElementById) { // DOM3 = IE5, NS6
        document.getElementById(id).style.display = 'block';
    }
    else {
        if (document.layers) { // Netscape 4
            document.id.display = 'block';
        }
        else { // IE 4
            document.all.id.style.display = 'block';
        }
    }
}
*/
//end - showing and hiding divs


//choosing random pod image - start
/*
function displayRandom() {
  // uses the ids array from above
  var randIndex=Math.floor(Math.random()* ids.length);
  var divId = ids[randIndex];
  switchid(divId);
}
*/

/*
function highlightTab(targetBtnId) {
    var btnIds = new Array("1", "2", "3");

    for (var i = 0; i < btnIds.length; i++) {
      var id = btnIds[i];
      var btnId = "podtab" + id;
      var btnEl = document.getElementById(btnId);

      if (btnId == targetBtnId) {
        // target btn, so turn it on
        btnEl.className="podtabOn";

      } else {
        // other btns, so turn them off
        if(btnEl)
            btnEl.className="podtabOff";
      }
    }
  }
*/
//  window.addEvent('load', displayRandom);
  /*
  function displaySearchDiv() {
    var searchDivEl = $('searchDiv');
    setSearchDropDown(searchDivEl);
    searchDivEl.style.display="block";
  }

  function hideSearchDiv() {
    var searchDivEl = $('searchDiv');
    searchDivEl.style.display="none";
  }

  function debug(e) {
    var keycode=e.keyCode? e.keyCode : e.charCode
    alert(String.fromCharCode(keycode));
  }
*/
/*
  window.onload=function() {
    var searchInputEl = $('searchInput');
    searchInputEl.onfocus=displaySearchDiv;
    searchInputEl.onkeydown=hideSearchDiv;
    //searchInputEl.onkeydown=debug;

    var searchDivCloseEl = $('searchDivClose');
    searchDivCloseEl.onclick=hideSearchDiv;
  }
*/


mootools.js
//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti, <http://mad4milk.net>, MIT Style License.

var Class=function(properties){var klass=function(){if(arguments[0]!==null&&this.initialize&&$type(this.initialize)=='function')return this.initialize.apply(this,arguments);else return this;};$extend(klass,this);klass.prototype=properties;return klass;};Class.empty=function(){};Class.prototype={extend:function(properties){var proto=new this(null);for(var property in properties){var pp=proto[property];proto[property]=$mergeClass(pp,properties[property]);}
return new Class(proto);},implement:function(properties){$extend(this.prototype,properties);}};function $type(obj){if(obj===null||obj===undefined)return false;var type=typeof obj;if(type=='object'){if(obj.htmlElement)return'element';if(obj.push)return'array';if(obj.nodeName){switch(obj.nodeType){case 1:return'element';case 3:return obj.nodeValue.test(/\S/)?'textnode':'whitespace';}}}
return type;};function $merge(){var mix={};for(var i=0;i<arguments.length;i++){for(var property in arguments[i]){var ap=arguments[i][property];var mp=mix[property];if(mp&&$type(ap)=='object'&&$type(mp)=='object')mix[property]=$merge(mp,ap);else mix[property]=ap;}}
return mix;};function $mergeClass(previous,current){if(previous&&previous!=current){var ptype=$type(previous);var ctype=$type(current);if(ptype=='function'&&ctype=='function'){var merged=function(){this.parent=arguments.callee.parent;return current.apply(this,arguments);};merged.parent=previous;return merged;}else if(ptype=='object'&&ctype=='object'){return $merge(previous,current);}}
return current;};var $extend=Object.extend=function(){var args=arguments;if(!args[1])args=[this,args[0]];for(var property in args[1])args[0][property]=args[1][property];return args[0];};var $native=Object.Native=function(){for(var i=0;i<arguments.length;i++)arguments[i].extend=$native.extend;};$native.extend=function(props){for(var prop in props){if(!this.prototype[prop])this.prototype[prop]=props[prop];}};$native(Function,Array,String,Number,Class);window.extend=document.extend=$extend;var Window=window;function $chk(obj){return!!(obj||obj===0);};function $pick(obj,picked){return(obj!==null&&obj!==undefined)?obj:picked;};function $random(min,max){return Math.floor(Math.random()*(max-min+1)+min);};function $time(){return new Date().getTime();};function $duration(data,ms){if($type(data)!='object')return parseInt(data);this.units=this.units||{years:'FullYear',months:'Month',days:'Date',hours:'Hours',minutes:'Minutes',seconds:'Seconds',milliseconds:'Milliseconds'};var date=new Date();for(var unit in data){var fn=this.units[unit];if(fn)date['set'+fn](date['get'+fn]()+$pick(data[unit],0));}
return parseInt((date.getTime()-$time())/(ms?1:1000));}
function $clear(timer){clearTimeout(timer);clearInterval(timer);return null;};if(window.ActiveXObject)window.ie=window[window.XMLHttpRequest?'ie7':'ie6']=true;else if(document.childNodes&&!document.all&&!navigator.taintEnabled)window.khtml=true;else if(document.getBoxObjectFor!=null)window.gecko=true;window.xpath=!!(document.evaluate);if(typeof HTMLElement=='undefined'){var HTMLElement=Class.empty;if(window.khtml)document.createElement("iframe");HTMLElement.prototype=(window.khtml)?window["[[DOMElement.prototype]]"]:{};}
HTMLElement.prototype.htmlElement=true;if(window.ie6)try{document.execCommand("BackgroundImageCache",false,true);}catch(e){};var Chain=new Class({chain:function(fn){this.chains=this.chains||[];this.chains.push(fn);return this;},callChain:function(){if(this.chains&&this.chains.length)this.chains.shift().delay(10,this);},clearChain:function(){this.chains=[];}});var Events=new Class({addEvent:function(type,fn){if(fn!=Class.empty){this.events=this.events||{};this.events[type]=this.events[type]||[];this.events[type].include(fn);}
return this;},fireEvent:function(type,args,delay){if(this.events&&this.events[type]){this.events[type].each(function(fn){fn.create({'bind':this,'delay':delay,'arguments':args})();},this);}
return this;},removeEvent:function(type,fn){if(this.events&&this.events[type])this.events[type].remove(fn);return this;}});var Options=new Class({setOptions:function(){var args=(arguments.length==1)?[this.options,arguments[0]]:arguments;this.options=$merge.apply(this,args);if(this.addEvent){for(var option in this.options){if(($type(this.options[option])=='function')&&option.test(/^on[A-Z]/))this.addEvent(option,this.options[option]);}}
return this;}});Array.extend({forEach:function(fn,bind){for(var i=0,j=this.length;i<j;i++)fn.call(bind,this[i],i,this);},filter:function(fn,bind){var results=[];for(var i=0,j=this.length;i<j;i++){if(fn.call(bind,this[i],i,this))results.push(this[i]);}
return results;},map:function(fn,bind){var results=[];for(var i=0,j=this.length;i<j;i++)results[i]=fn.call(bind,this[i],i,this);return results;},every:function(fn,bind){for(var i=0,j=this.length;i<j;i++){if(!fn.call(bind,this[i],i,this))return false;}
return true;},some:function(fn,bind){for(var i=0,j=this.length;i<j;i++){if(fn.call(bind,this[i],i,this))return true;}
return false;},indexOf:function(item,from){from=from||0;var len=this.length;if(from<0)from=Math.max(0,len+from);while(from<len){if(this[from]===item)return from;from++;}
return-1;},copy:function(start,length){start=start||0;if(start<0)start=this.length+start;length=length||(this.length-start);var newArray=[];for(var i=0;i<length;i++)newArray[i]=this[start++];return newArray;},remove:function(item){var i=0;var len=this.length;while(i<len){if(this[i]&&this[i]===item)this.splice(i,1);else i++;}
return this;},test:function(item,from){return this.indexOf(item,from)!=-1;},associate:function(keys){var obj={},length=Math.min(this.length,keys.length);for(var i=0;i<length;i++)obj[keys[i]]=this[i];return obj;},extend:function(array){for(var i=0,j=array.length;i<j;i++)this.push(array[i]);return this;},merge:function(array){for(var i=0,l=array.length;i<l;i++)this.include(array[i]);return this;},include:function(item){if(!this.length||!this.test(item))this.push(item);return this;}});Array.prototype.each=Array.prototype.forEach;function $A(array,start,length){return Array.prototype.copy.call(array,start,length);};function $each(iterable,fn,bind){if($chk(iterable.length))Array.prototype.forEach.call(iterable,fn,bind);else for(var name in iterable)fn.call(bind,iterable[name],name);};String.extend({test:function(regex,params){return((typeof regex=='string')?new RegExp(regex,params):regex).test(this);},toInt:function(){return parseInt(this);},toFloat:function(){return parseFloat(this);},camelCase:function(){return this.replace(/-\D/g,function(match){return match.charAt(1).toUpperCase();});},hyphenate:function(){return this.replace(/\w[A-Z]/g,function(match){return(match.charAt(0)+'-'+match.charAt(1).toLowerCase());});},capitalize:function(){return this.toLowerCase().replace(/\b[a-z]/g,function(match){return match.toUpperCase();});},trim:function(){return this.replace(/^\s+|\s+$/g,'');},clean:function(){return this.replace(/\s{2,}/g,' ').trim();},rgbToHex:function(array){var rgb=this.match(/\d{1,3}/g);return(rgb)?rgb.rgbToHex(array):false;},hexToRgb:function(array){var hex=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);return(hex)?hex.slice(1).hexToRgb(array):false;},hasListed:function(string,s){s=s||' ';return(s+this+s).indexOf(s+string+s)>-1;}});Array.extend({rgbToHex:function(array){if(this.length<3)return false;if(this[3]&&(this[3]==0)&&!array)return'transparent';var hex=[];for(var i=0;i<3;i++){var bit=(this[i]-0).toString(16);hex.push((bit.length==1)?'0'+bit:bit);}
return array?hex:'#'+hex.join('');},hexToRgb:function(array){if(this.length!=3)return false;var rgb=[];for(var i=0;i<3;i++){rgb.push(parseInt((this[i].length==1)?this[i]+this[i]:this[i],16));}
return array?rgb:'rgb('+rgb.join(',')+')';}});Number.extend({toInt:function(){return parseInt(this);},toFloat:function(){return parseFloat(this);}});Function.extend({create:function(options){var fn=this;options=$merge({'bind':fn,'event':false,'arguments':null,'delay':false,'periodical':false,'attempt':false},options);if($chk(options.arguments)&&$type(options.arguments)!='array')options.arguments=[options.arguments];return function(event){var args;if(options.event){event=event||window.event;args=[(options.event===true)?event:new options.event(event)];if(options.arguments)args=args.concat(options.arguments);}
else args=options.arguments||arguments;var returns=function(){return fn.apply(options.bind,args);};if(options.delay)return setTimeout(returns,$duration(options.delay));if(options.periodical)return setInterval(returns,$duration(options.periodical));if(options.attempt)try{return returns();}catch(err){return false;};return returns();};},pass:function(args,bind){return this.create({'arguments':args,'bind':bind});},attempt:function(args,bind){return this.create({'arguments':args,'bind':bind,'attempt':true})();},bind:function(bind,args){return this.create({'bind':bind,'arguments':args});},bindAsEventListener:function(bind,args){return this.create({'bind':bind,'event':true,'arguments':args});},delay:function(delay,bind,args){return this.create({'delay':delay,'bind':bind,'arguments':args})();},periodical:function(interval,bind,args){return this.create({'periodical':interval,'bind':bind,'arguments':args})();}});var Element=new Class({initialize:function(el,props){if(window.ie&&props&&(props.name||props.type)){var name=(props.name)?' name="'+props.name+'"':'';var type=(props.type)?' type="'+props.type+'"':'';delete props.name;delete props.type;el='<'+el+name+type+'>';}
el=$(document.createElement(el));if(!props)return el;for(var prop in props){switch(prop){case'styles':el.setStyles(props[prop]);break;case'events':if(el.addEvents)el.addEvents(props[prop]);break;case'properties':el.setProperties(props[prop]);break;default:el.setProperty(prop,props[prop]);}}
return el;}});function $(el){if(!el)return false;if(el.htmlElement)return Garbage.collect(el);if([window,document].test(el))return el;var type=$type(el);if(type=='string'){el=document.getElementById(el);type=(el)?'element':false;}
if(type!='element')return false;if(el.htmlElement)return Garbage.collect(el);if(['object','embed'].test(el.tagName.toLowerCase()))return el;$extend(el,Element.prototype);el.htmlElement=true;return Garbage.collect(el);};var Elements=new Class({});Elements.extend=Class.prototype.implement;document.getElementsBySelector=document.getElementsByTagName;function $$(){if(!arguments)return false;if(arguments.length==1&&typeof arguments[0]=='string')return document.getElementsBySelector(arguments[0]);var elements=[];for(var i=0,j=arguments.length;i<j;i++){var selector=arguments[i];switch($type(selector)){case'element':elements.push(element);break;case'string':selector=document.getElementsBySelector(selector,true);default:elements=elements.concat((selector.push)?selector:$A(selector));}}
return $$.$$(elements);};$$.$$=function(array){var elements=[];for(var i=0,l=array.length;i<l;i++){if(array[i].included)continue;array[i].included=true;var element=$(array[i]);if(element)elements.push(element);}
for(var i=0,l=elements.length;i<l;i++)elements[i].included=null;return $extend(elements,new Elements);};Elements.Multi=function(property){return function(){var args=arguments;var items=[];var elements=true;for(var i=0,j=this.length,returns;i<j;i++){returns=this[i][property].apply(this[i],args);if($type(returns)!='element')elements=false;items.push(returns);};return(elements)?$$.$$(items):items;};};Element.extend=function(properties){for(var property in properties){HTMLElement.prototype[property]=properties[property];Element.prototype[property]=properties[property];Elements.prototype[property]=Elements.Multi(property);}};Element.extend({inject:function(el,where){el=$(el);switch(where){case"before":el.parentNode.insertBefore(this,el);break;case"after":var next=el.getNext();if(!next)el.parentNode.appendChild(this);else el.parentNode.insertBefore(this,next);break;case"inside":el.appendChild(this);}
return this;},injectBefore:function(el){return this.inject(el,'before');},injectAfter:function(el){return this.inject(el,'after');},injectInside:function(el){return this.inject(el,'inside');},adopt:function(){$each(arguments,function(el){this.appendChild($(el));},this);return this;},remove:function(){this.parentNode.removeChild(this);return this;},clone:function(contents){return $(this.cloneNode(contents!==false));},replaceWith:function(el){this.parentNode.replaceChild(el,this);return $(el);},appendText:function(text){if(window.ie){switch(this.getTag()){case'style':this.styleSheet.cssText=text;return this;case'script':this.setProperty('text',text);return this;}}
this.appendChild(document.createTextNode(text));return this;},hasClass:function(className){return this.className.hasListed(className);},addClass:function(className){if(!this.hasClass(className))this.className=(this.className+' '+className).clean();return this;},removeClass:function(className){this.className=this.className.replace(new RegExp('(^|\\s)'+className+'(?:\\s|$)'),'$1').clean();return this;},toggleClass:function(className){return this.hasClass(className)?this.removeClass(className):this.addClass(className);},setStyle:function(property,value){switch(property){case'opacity':return this.setOpacity(parseFloat(value));case'float':property=(window.ie)?'styleFloat':'cssFloat';}
property=property.camelCase();switch($type(value)){case'number':if(!['zIndex','zoom'].test(property))value+='px';break;case'array':value='rgb('+value.join(',')+')';}
this.style[property]=value;return this;},setStyles:function(source){switch($type(source)){case'object':for(var property in source)this.setStyle(property,source[property]);break;case'string':this.style.cssText=source;}
return this;},setOpacity:function(opacity){if(opacity==0){if(this.style.visibility!="hidden")this.style.visibility="hidden";}else{if(this.style.visibility!="visible")this.style.visibility="visible";}
if(!this.currentStyle||!this.currentStyle.hasLayout)this.style.zoom=1;if(window.ie)this.style.filter=(opacity==1)?'':"alpha(opacity="+opacity*100+")";this.style.opacity=this.opacity=opacity;return this;},getStyle:function(property){property=property.camelCase();var style=this.style[property];if(!$chk(style)){if(property=='opacity')return $chk(this.opacity)?this.opacity:1;if(['margin','padding'].test(property)){var result=[];['top','right','bottom','left'].each(function(prop){result.push(this.getStyle(property+'-'+prop)||'0');},this);var every=result.every(function(val){return val==result[0];});return(every)?result[0]:result;}
if(document.defaultView)style=document.defaultView.getComputedStyle(this,null).getPropertyValue(property.hyphenate());else if(this.currentStyle)style=this.currentStyle[property];}
if(style=='auto'&&['height','width'].test(property))return this['offset'+property.capitalize()]+'px';return(style&&property.test(/color/i)&&style.test(/rgb/))?style.rgbToHex():style;},getStyles:function(){var result={};$each(arguments,function(argument){result[argument]=this.getStyle(argument);},this);return result;},walk:function(brother,start){brother+='Sibling';var el=(start)?this[start]:this[brother];while(el&&$type(el)!='element')el=el[brother];return $(el);},getPrevious:function(){return this.walk('previous');},getNext:function(){return this.walk('next');},getFirst:function(){return this.walk('next','firstChild');},getLast:function(){return this.walk('previous','lastChild');},getParent:function(){return $(this.parentNode);},getChildren:function(){return $$(this.childNodes);},hasChild:function(el){return!!$A(this.getElementsByTagName('*')).test(el);},setProperty:function(property,value){switch(property){case'class':this.className=value;break;case'style':this.setStyles(value);break;case'for':this.htmlFor=value;break;default:this.setAttribute(property,value);}
return this;},setProperties:function(source){for(var property in source)this.setProperty(property,source[property]);return this;},setHTML:function(){this.innerHTML=$A(arguments).join('');return this;},getProperty:function(property){switch(property){case'class':return this.className;case'for':return this.htmlFor;default:return this.getAttribute(property);}},getTag:function(){return this.tagName.toLowerCase();}});Element.listenerMethods={addListener:function(type,fn){if(this.addEventListener)this.addEventListener(type,fn,false);else this.attachEvent('on'+type,fn);return this;},removeListener:function(type,fn){if(this.removeEventListener)this.removeEventListener(type,fn,false);else this.detachEvent('on'+type,fn);return this;}};window.extend(Element.listenerMethods);document.extend(Element.listenerMethods);Element.extend(Element.listenerMethods);Element.Events={};Element.Events.extend=$extend;var Garbage={elements:[],collect:function(el){if(!el.collected){Garbage.elements.push(el);el.collected=true;}
return el;},trash:function(elements){for(var i=0,j=elements.length,el;i<j;i++){if(!(el=elements[i])||!el.collected)return;if(el.removeEvents)el.removeEvents();for(var p in Element.prototype)el[p]=null;el.htmlElement=el.collected=null;}},empty:function(){Garbage.collect(window);Garbage.collect(document);Garbage.trash(Garbage.elements);}};window.addListener('unload',Garbage.empty);var Event=new Class({initialize:function(event){event=event||window.event;this.event=event;this.type=event.type;this.target=event.target||event.srcElement;if(this.target.nodeType==3)this.target=this.target.parentNode;this.shift=event.shiftKey;this.control=event.ctrlKey;this.alt=event.altKey;this.meta=event.metaKey;if(['DOMMouseScroll','mousewheel'].test(this.type)){this.wheel=event.wheelDelta?(event.wheelDelta/(window.opera?-120:120)):-(event.detail||0)/3;}else if(this.type.test(/key/)){this.code=event.which||event.keyCode;for(var name in Event.keys){if(Event.keys[name]==this.code){this.key=name;break;}}
if(this.type=='keydown'){var fKey=this.code-111;if(fKey>0&&fKey<13)this.key='f'+fKey;}
this.key=this.key||String.fromCharCode(this.code).toLowerCase();}else if(this.type.test(/(click|mouse|menu)/)){this.page={'x':event.pageX||event.clientX+document.documentElement.scrollLeft,'y':event.pageY||event.clientY+document.documentElement.scrollTop};this.client={'x':event.pageX?event.pageX-window.pageXOffset:event.clientX,'y':event.pageY?event.pageY-window.pageYOffset:event.clientY};this.rightClick=(event.which==3)||(event.button==2);switch(this.type){case'mouseover':this.relatedTarget=event.relatedTarget||event.fromElement;break;case'mouseout':this.relatedTarget=event.relatedTarget||event.toElement;}
if(this.relatedTarget&&this.relatedTarget.nodeType==3)this.relatedTarget=this.relatedTarget.parentNode;}},stop:function(){return this.stopPropagation().preventDefault();},stopPropagation:function(){if(this.event.stopPropagation)this.event.stopPropagation();else this.event.cancelBubble=true;return this;},preventDefault:function(){if(this.event.preventDefault)this.event.preventDefault();else this.event.returnValue=false;return this;}});Event.keys={'enter':13,'up':38,'down':40,'left':37,'right':39,'esc':27,'space':32,'backspace':8,'tab':9,'delete':46};Event.keys.extend=$extend;Element.Events.extend({'mouseenter':{type:'mouseover',map:function(event){event=new Event(event);if(event.relatedTarget==this||this.hasChild(event.relatedTarget))return;this.fireEvent('mouseenter',event);}},'mouseleave':{type:'mouseout',map:function(event){event=new Event(event);if(event.relatedTarget==this||this.hasChild(event.relatedTarget))return;this.fireEvent('mouseleave',event);}}});Function.extend({bindWithEvent:function(bind,args){return this.create({'bind':bind,'arguments':args,'event':Event});}});function $E(selector,filter){return($(filter)||document).getElement(selector);};function $ES(selector,filter){return($(filter)||document).getElementsBySelector(selector);};$$.shared={cache:{},regexp:/^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?([^"'\]]*)["']?)?])?$/,getNormalParam:function(selector,items,context,param,i){Filters.selector=param;if(i==0){if(param[2]){var el=context.getElementById(param[2]);if(!el||((param[1]!='*')&&(el.tagName.toLowerCase()!=param[1])))return false;items=[el];}else{items=$A(context.getElementsByTagName(param[1]));}}else{items=$$.shared.getElementsByTagName(items,param[1]);if(param[2])items=items.filter(Filters.id);}
if(param[3])items=items.filter(Filters.className);if(param[4])items=items.filter(Filters.attribute);return items;},getXpathParam:function(selector,items,context,param,i){if($$.shared.cache[selector].xpath){items.push($$.shared.cache[selector].xpath);return items;}
var temp=context.namespaceURI?['xhtml:']:[];temp.push(param[1]);if(param[2])temp.push('[@id="',param[2],'"]');if(param[3])temp.push('[contains(concat(" ", @class, " "), " ',param[3],' ")]');if(param[4]){if(param[5]&¶m[6]){switch(param[5]){case'*=':temp.push('[contains(@',param[4],', "',param[6],'")]');break;case'^=':temp.push('[starts-with(@',param[4],', "',param[6],'")]');break;case'$=':temp.push('[substring(@',param[4],', string-length(@',param[4],') - ',param[6].length,' + 1) = "',param[6],'"]');break;case'=':temp.push('[@',param[4],'="',param[6],'"]');break;case'!=':temp.push('[@',param[4],'!="',param[6],'"]');}}else temp.push('[@',param[4],']');}
temp=temp.join('');$$.shared.cache[selector].xpath=temp;items.push(temp);return items;},getNormalItems:function(items,context,nocash){return(nocash)?items:$$.$$(items);},getXpathItems:function(items,context,nocash){var elements=[];var xpath=document.evaluate('.//'+items.join('//'),context,$$.shared.resolver,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(var i=0,j=xpath.snapshotLength;i<j;i++)elements.push(xpath.snapshotItem(i));return(nocash)?elements:$extend(elements.map($),new Elements);},resolver:function(prefix){return(prefix=='xhtml')?'http://www.w3.org/1999/xhtml':false;},getElementsByTagName:function(context,tagName){var found=[];for(var i=0,j=context.length;i<j;i++)found=found.concat($A(context[i].getElementsByTagName(tagName)));return found;}};if(window.xpath){$$.shared.getParam=$$.shared.getXpathParam;$$.shared.getItems=$$.shared.getXpathItems;}else{$$.shared.getParam=$$.shared.getNormalParam;$$.shared.getItems=$$.shared.getNormalItems;}
Element.domMethods={getElements:function(selector,nocash){var items=[];selector=selector.split(' ');for(var i=0,j=selector.length;i<j;i++){var sel=selector[i];var param;if($$.shared.cache[sel]){param=$$.shared.cache[sel].param;}else{param=sel.match($$.shared.regexp);if(!param)break;param[1]=param[1]||'*';$$.shared.cache[sel]={'param':param};}
var temp=$$.shared.getParam(sel,items,this,param,i);if(!temp)break;items=temp;}
return $$.shared.getItems(items,this,nocash);},getElement:function(selector){return $(this.getElements(selector,true)[0]||false);},getElementsBySelector:function(selector,nocash){var elements=[];selector=selector.split(',');for(var i=0,j=selector.length;i<j;i++)elements=elements.concat(this.getElements(selector[i],true));return(nocash)?elements:$$.$$(elements);},getElementsByClassName:function(className){return this.getElements('.'+className);}};Element.extend({getElementById:function(id){var el=document.getElementById(id);if(!el)return false;for(var parent=el.parentNode;parent!=this;parent=parent.parentNode){if(!parent)return false;}
return el;}});document.extend(Element.domMethods);Element.extend(Element.domMethods);var Filters={selector:[],id:function(el){return(el.id==Filters.selector[2]);},className:function(el){return el.className.hasListed(Filters.selector[3]);},attribute:function(el){var current=Element.prototype.getProperty.call(el,Filters.selector[4]);if(!current)return false;var operator=Filters.selector[5];if(!operator)return true;var value=Filters.selector[6];switch(operator){case'=':return(current==value);case'*=':return(current.test(value));case'^=':return(current.test('^'+value));case'$=':return(current.test(value+'$'));case'!=':return(current!=value);case'~=':return current.hasListed(value);}
return false;}};Element.extend({scrollTo:function(x,y){this.scrollLeft=x;this.scrollTop=y;},getSize:function(){return{'scroll':{'x':this.scrollLeft,'y':this.scrollTop},'size':{'x':this.offsetWidth,'y':this.offsetHeight},'scrollSize':{'x':this.scrollWidth,'y':this.scrollHeight}};},getPosition:function(overflown){overflown=overflown||[];var el=this,left=0,top=0;do{left+=el.offsetLeft||0;top+=el.offsetTop||0;el=el.offsetParent;}while(el);overflown.each(function(element){left-=element.scrollLeft||0;top-=element.scrollTop||0;});return{'x':left,'y':top};},getTop:function(){return this.getPosition().y;},getLeft:function(){return this.getPosition().x;},getCoordinates:function(overflown){var position=this.getPosition(overflown);var obj={'width':this.offsetWidth,'height':this.offsetHeight,'left':position.x,'top':position.y};obj.right=obj.left+obj.width;obj.bottom=obj.top+obj.height;return obj;}});Element.eventMethods={addEvent:function(type,fn){this.events=this.events||{};this.events[type]=this.events[type]||{'keys':[],'values':[]};if(this.events[type].keys.test(fn))return this;this.events[type].keys.push(fn);var realType=type;var bound=false;if(Element.Events[type]){if(Element.Events[type].initialize)Element.Events[type].initialize.call(this,fn);if(Element.Events[type].map)bound=Element.Events[type].map.bindAsEventListener(this);realType=Element.Events[type].type||type;}
if(!this.addEventListener)bound=bound||fn.bindAsEventListener(this);else bound=bound||fn;this.events[type].values.push(bound);return this.addListener(realType,bound);},removeEvent:function(type,fn){if(!this.events||!this.events[type])return this;var pos=this.events[type].keys.indexOf(fn);if(pos==-1)return this;var key=this.events[type].keys.splice(pos,1)[0];var value=this.events[type].values.splice(pos,1)[0];if(Element.Events[type])type=Element.Events[type].type||type;return this.removeListener(type,value);},addEvents:function(source){for(var type in source)this.addEvent(type,source[type]);return this;},removeEvents:function(type){if(!this.events)return this;if(type){if(this.events[type]){this.events[type].keys.each(function(fn){this.removeEvent(type,fn);},this);this.events[type]=null;}}else{for(var evType in this.events)this.removeEvents(evType);this.events=null;}
return this;},fireEvent:function(type,args){if(this.events&&this.events[type]){this.events[type].keys.each(function(fn){fn.bind(this,args)();},this);}}};Element.Events.mousewheel={type:(window.gecko)?'DOMMouseScroll':'mousewheel'};window.extend(Element.eventMethods);document.extend(Element.eventMethods);Element.extend(Element.eventMethods);Element.Events.domready={initialize:function(fn){if(window.loaded){fn.call(this);return;}
var domReady=function(){if(window.loaded)return;window.loaded=true;window.timer=$clear(window.timer);this.fireEvent('domready');}.bind(this);if(document.readyState&&window.khtml){this.timer=function(){if(['loaded','complete'].test(document.readyState))domReady();}.periodical(50);}else if(document.readyState&&window.ie){document.write("<script id=ie_ready defer src='://0'><\/script>");$('ie_ready').onreadystatechange=function(){if(this.readyState=='complete')domReady();};}else{window.addListener("load",domReady);document.addListener("DOMContentLoaded",domReady);}}};window.onDomReady=function(fn){return this.addEvent('domready',fn);};window.extend({getWidth:function(){if(this.khtml)return this.innerWidth;if(this.opera)return document.body.clientWidth;return document.documentElement.clientWidth;},getHeight:function(){if(this.khtml)return this.innerHeight;if(this.opera)return document.body.clientHeight;return document.documentElement.clientHeight;},getScrollWidth:function(){if(this.ie)return Math.max(document.documentElement.offsetWidth,document.documentElement.scrollWidth);if(this.khtml)return document.body.scrollWidth;return document.documentElement.scrollWidth;},getScrollHeight:function(){if(this.ie)return Math.max(document.documentElement.offsetHeight,document.documentElement.scrollHeight);if(this.khtml)return document.body.scrollHeight;return document.documentElement.scrollHeight;},getScrollLeft:function(){return this.pageXOffset||document.documentElement.scrollLeft;},getScrollTop:function(){return this.pageYOffset||document.documentElement.scrollTop;},getSize:function(){return{'size':{'x':this.getWidth(),'y':this.getHeight()},'scrollSize':{'x':this.getScrollWidth(),'y':this.getScrollHeight()},'scroll':{'x':this.getScrollLeft(),'y':this.getScrollTop()}};},getPosition:function(){return{'x':0,'y':0}}});var Fx={};Fx.Transitions={linear:function(t,b,c,d){return c*t/d+b;},sineInOut:function(t,b,c,d){return-c/2*(Math.cos(Math.PI*t/d)-1)+b;}};Fx.Transitions.extend=$extend;Fx.Base=new Class({options:{onStart:Class.empty,onComplete:Class.empty,onCancel:Class.empty,transition:Fx.Transitions.sineInOut,duration:500,unit:'px',wait:true,fps:50},initialize:function(options){this.element=this.element||null;this.setOptions(options);if(this.options.initialize)this.options.initialize.call(this);},step:function(){var time=$time();if(time<this.time+this.options.duration){this.cTime=time-this.time;this.setNow();this.increase();}else{this.stop(true);this.now=this.to;this.increase();this.fireEvent('onComplete',this.element,10);this.callChain();}},set:function(to){this.now=to;this.increase();return this;},setNow:function(){this.now=this.compute(this.from,this.to);},compute:function(from,to){return this.options.transition(this.cTime,from,(to-from),this.options.duration);},start:function(from,to){if(!this.options.wait)this.stop();else if(this.timer)return this;this.from=from;this.to=to;this.time=$time();this.timer=this.step.periodical(Math.round(1000/this.options.fps),this);this.fireEvent('onStart',this.element);return this;},stop:function(end){if(!this.timer)return this;this.timer=$clear(this.timer);if(!end)this.fireEvent('onCancel',this.element);return this;},custom:function(from,to){return this.start(from,to)},clearTimer:function(end){return this.stop(end)}});Fx.Base.implement(new Chain);Fx.Base.implement(new Events);Fx.Base.implement(new Options);Fx.CSS={select:function(property,to){if(property.test(/color/i))return this.Color;if(to.test&&to.test(' '))return this.Multi;return this.Single;},parse:function(el,property,fromTo){if(!fromTo.push)fromTo=[fromTo];var from=fromTo[0],to=fromTo[1];if(!to&&to!=0){to=from;from=el.getStyle(property);}
var css=this.select(property,to);return{from:css.parse(from),to:css.parse(to),css:css};}};Fx.CSS.Single={parse:function(value){return parseFloat(value);},getNow:function(from,to,fx){return fx.compute(from,to);},getValue:function(value,unit){return value+unit;}};Fx.CSS.Multi={parse:function(value){return value.push?value:value.split(' ').map(function(v){return parseFloat(v);});},getNow:function(from,to,fx){var now=[];for(var i=0;i<from.length;i++)now[i]=fx.compute(from[i],to[i]);return now;},getValue:function(value,unit){return value.join(unit+' ')+unit;}};Fx.CSS.Color={parse:function(value){return value.push?value:value.hexToRgb(true);},getNow:function(from,to,fx){var now=[];for(var i=0;i<from.length;i++)now[i]=Math.round(fx.compute(from[i],to[i]));return now;},getValue:function(value){return'rgb('+value.join(',')+')';}};Fx.Style=Fx.Base.extend({initialize:function(el,property,options){this.element=$(el);this.property=property;this.parent(options);},hide:function(){return this.set(0);},setNow:function(){this.now=this.css.getNow(this.from,this.to,this);},set:function(to){this.css=Fx.CSS.select(this.property,to);return this.parent(this.css.parse(to));},start:function(from,to){if(this.timer&&this.options.wait)return this;var parsed=Fx.CSS.parse(this.element,this.property,[from,to]);this.css=parsed.css;return this.parent(parsed.from,parsed.to);},increase:function(){this.element.setStyle(this.property,this.css.getValue(this.now,this.options.unit));}});Element.extend({effect:function(property,options){return new Fx.Style(this,property,options);}});Fx.Styles=Fx.Base.extend({initialize:function(el,options){this.element=$(el);this.parent(options);},setNow:function(){for(var p in this.from)this.now[p]=this.css[p].getNow(this.from[p],this.to[p],this);},set:function(to){var parsed={};this.css={};for(var p in to){this.css[p]=Fx.CSS.select(p,to[p]);parsed[p]=this.css[p].parse(to[p]);}
return this.parent(parsed);},start:function(obj){if(this.timer&&this.options.wait)return this;this.now={};this.css={};var from={},to={};for(var p in obj){var parsed=Fx.CSS.parse(this.element,p,obj[p]);from[p]=parsed.from;to[p]=parsed.to;this.css[p]=parsed.css;}
return this.parent(from,to);},increase:function(){for(var p in this.now)this.element.setStyle(p,this.css[p].getValue(this.now[p],this.options.unit));}});Element.extend({effects:function(options){return new Fx.Styles(this,options);}});Fx.Elements=Fx.Base.extend({initialize:function(elements,options){this.elements=$$(elements);this.parent(options);},setNow:function(){for(var i in this.from){var iFrom=this.from[i],iTo=this.to[i],iCss=this.css[i],iNow=this.now[i]={};for(var p in iFrom)iNow[p]=iCss[p].getNow(iFrom[p],iTo[p],this);}},set:function(to){var parsed={};this.css={};for(var i in to){var iTo=to[i],iCss=this.css[i]={},iParsed=parsed[i]={};for(var p in iTo){iCss[p]=Fx.CSS.select(p,iTo[p]);iParsed[p]=iCss[p].parse(iTo[p]);}}
return this.parent(parsed);},start:function(obj){if(this.timer&&this.options.wait)return this;this.now={};this.css={};var from={},to={};for(var i in obj){var iProps=obj[i],iFrom=from[i]={},iTo=to[i]={},iCss=this.css[i]={};for(var p in iProps){var parsed=Fx.CSS.parse(this.elements[i],p,iProps[p]);iFrom[p]=parsed.from;iTo[p]=parsed.to;iCss[p]=parsed.css;}}
return this.parent(from,to);},increase:function(){for(var i in this.now){var iNow=this.now[i],iCss=this.css[i];for(var p in iNow)this.elements[i].setStyle(p,iCss[p].getValue(iNow[p],this.options.unit));}}});Fx.Slide=Fx.Base.extend({options:{mode:'vertical'},initialize:function(el,options){this.element=$(el);this.wrapper=new Element('div',{'styles':$extend(this.element.getStyles('margin'),{'overflow':'hidden'})}).injectAfter(this.element).adopt(this.element);this.element.setStyle('margin',0);this.setOptions(options);this.now=[];this.parent(this.options);},setNow:function(){for(var i=0;i<2;i++)this.now[i]=this.compute(this.from[i],this.to[i]);},vertical:function(){this.margin='margin-top';this.layout='height';this.offset=this.element.offsetHeight;},horizontal:function(){this.margin='margin-left';this.layout='width';this.offset=this.element.offsetWidth;},slideIn:function(mode){this[mode||this.options.mode]();return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[0,this.offset]);},slideOut:function(mode){this[mode||this.options.mode]();return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[-this.offset,0]);},hide:function(mode){this[mode||this.options.mode]();return this.set([-this.offset,0]);},show:function(mode){this[mode||this.options.mode]();return this.set([0,this.offset]);},toggle:function(mode){if(this.wrapper.offsetHeight==0||this.wrapper.offsetWidth==0)return this.slideIn(mode);return this.slideOut(mode);},increase:function(){this.element.setStyle(this.margin,this.now[0]+this.options.unit);this.wrapper.setStyle(this.layout,this.now[1]+this.options.unit);}});Element.extend({slideIn:function(options){return new Fx.Slide(this,options).slideIn();},slideOut:function(options){return new Fx.Slide(this,options).slideOut();}});Fx.Transitions.extend({quadIn:function(t,b,c,d){return c*(t/=d)*t+b;},quadOut:function(t,b,c,d){return-c*(t/=d)*(t-2)+b;},quadInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t+b;return-c/2*((--t)*(t-2)-1)+b;},cubicIn:function(t,b,c,d){return c*(t/=d)*t*t+b;},cubicOut:function(t,b,c,d){return c*((t=t/d-1)*t*t+1)+b;},cubicInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t+b;return c/2*((t-=2)*t*t+2)+b;},quartIn:function(t,b,c,d){return c*(t/=d)*t*t*t+b;},quartOut:function(t,b,c,d){return-c*((t=t/d-1)*t*t*t-1)+b;},quartInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t+b;return-c/2*((t-=2)*t*t*t-2)+b;},quintIn:function(t,b,c,d){return c*(t/=d)*t*t*t*t+b;},quintOut:function(t,b,c,d){return c*((t=t/d-1)*t*t*t*t+1)+b;},quintInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t*t+b;return c/2*((t-=2)*t*t*t*t+2)+b;},sineIn:function(t,b,c,d){return-c*Math.cos(t/d*(Math.PI/2))+c+b;},sineOut:function(t,b,c,d){return c*Math.sin(t/d*(Math.PI/2))+b;},expoIn:function(t,b,c,d){return(t==0)?b:c*Math.pow(2,10*(t/d-1))+b;},expoOut:function(t,b,c,d){return(t==d)?b+c:c*(-Math.pow(2,-10*t/d)+1)+b;},expoInOut:function(t,b,c,d){if(t==0)return b;if(t==d)return b+c;if((t/=d/2)<1)return c/2*Math.pow(2,10*(t-1))+b;return c/2*(-Math.pow(2,-10*--t)+2)+b;},circIn:function(t,b,c,d){return-c*(Math.sqrt(1-(t/=d)*t)-1)+b;},circOut:function(t,b,c,d){return c*Math.sqrt(1-(t=t/d-1)*t)+b;},circInOut:function(t,b,c,d){if((t/=d/2)<1)return-c/2*(Math.sqrt(1-t*t)-1)+b;return c/2*(Math.sqrt(1-(t-=2)*t)+1)+b;},elasticIn:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;p=p||d*0.3;a=a||1;if(a<Math.abs(c)){a=c;var s=p/4;}
else var s=p/(2*Math.PI)*Math.asin(c/a);return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;},elasticOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;p=p||d*0.3;a=a||1;if(a<Math.abs(c)){a=c;var s=p/4;}else var s=p/(2*Math.PI)*Math.asin(c/a);return a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b;},elasticInOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d/2)==2)return b+c;p=p||d*(0.3*1.5);a=a||1;if(a<Math.abs(c)){a=c;var s=p/4;}else var s=p/(2*Math.PI)*Math.asin(c/a);if(t<1)return-0.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*0.5+c+b;},backIn:function(t,b,c,d,s){s=s||1.70158;return c*(t/=d)*t*((s+1)*t-s)+b;},backOut:function(t,b,c,d,s){s=s||1.70158;return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;},backInOut:function(t,b,c,d,s){s=s||1.70158;if((t/=d/2)<1)return c/2*(t*t*(((s*=1.525)+1)*t-s))+b;return c/2*((t-=2)*t*(((s*=1.525)+1)*t+s)+2)+b;},bounceIn:function(t,b,c,d){return c-Fx.Transitions.bounceOut(d-t,0,c,d)+b;},bounceOut:function(t,b,c,d){if((t/=d)<(1/2.75))return c*(7.5625*t*t)+b;else if(t<(2/2.75))return c*(7.5625*(t-=(1.5/2.75))*t+0.75)+b;else if(t<(2.5/2.75))return c*(7.5625*(t-=(2.25/2.75))*t+0.9375)+b;else return c*(7.5625*(t-=(2.625/2.75))*t+0.984375)+b;},bounceInOut:function(t,b,c,d){if(t<d/2)return Fx.Transitions.bounceIn(t*2,0,c,d)*0.5+b;return Fx.Transitions.bounceOut(t*2-d,0,c,d)*0.5+c*0.5+b;}});


pods.js
var Site = {
   
    start: function(){
       
        if ($('kwick')) Site.parseKwicks();
    },
   
    //center boxes
    parseKwicks: function(){
        var timer = 0;
        var kwicks = $$('#kwick .kwick');
       
        var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});
        kwicks.each(function(kwick, i){
            kwick.addEvent('mouseenter', function(e){
                var obj = {};
                obj[i] = {
                    'height': [kwick.getStyle('height').toInt(), 275]//this sets the heigth
                };
                kwicks.each(function(other, j){
                    if (other != kwick){
                        var h = other.getStyle('height').toInt();
                        if (h != 158) obj[j] = {'height': [h, 158]};
                    }
                });
                fx.start(obj);
            });
        });
       
        $('kwick').addEvent('mouseleave', function(e){
            var obj = {};
            kwicks.each(function(other, j){
                obj[j] = {'height': [other.getStyle('height').toInt(), 158]};
            });
            fx.start(obj);
        });
    }
};


window.addEvent('load', Site.start);


homepage.css
HTML {
    OVERFLOW: auto
}
BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-TOP: 0px
}
.diviVertGryDot {
    DISPLAY: inline; BACKGROUND: url(images/divider_vert_dots_gry.gif) no-repeat; MARGIN: 0px
}
.arrowlink {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.arrowlink UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: verdana
}
.arrowlink LI {
    PADDING-RIGHT: 0px; PADDING-LEFT: 7px; BACKGROUND: url(images/arrow_red.gif) no-repeat 1px 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 17pt; PADDING-TOP: 0px
}
.arrowlink A {
    COLOR: #5871b3; TEXT-DECORATION: none
}
.arrowlink A:hover {
    COLOR: #888888; TEXT-DECORATION: underline
}
.mainWrapper {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 970px; PADDING-TOP: 0px
}
.headerWrapper {
    PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 957px; PADDING-TOP: 0px; HEIGHT: 57px
}
.headerContent {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
IMG.logo {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
UL.country {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; MARGIN: 4px 1px 12px 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana; LIST-STYLE-TYPE: none; TEXT-ALIGN: right
}
UL.country A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #555; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.country LI {
    PADDING-RIGHT: 7px; DISPLAY: inline; PADDING-LEFT: 7px; BACKGROUND: url(images/divider_vert_dots_gry.gif) no-repeat right 50%; PADDING-BOTTOM: 0px; MARGIN: 0px 8px 0px 1px; VERTICAL-ALIGN: top; PADDING-TOP: 0px
}
UL.headerNav {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 3px; PADDING-TOP: 0px; FONT-FAMILY: verdana; LIST-STYLE-TYPE: none
}
UL.headerNav A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #555; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.headerNav LI {
    PADDING-RIGHT: 10px; DISPLAY: inline; PADDING-LEFT: 7px; BACKGROUND: url(images/divider_vert_dots_gry.gif) no-repeat right 50%; PADDING-BOTTOM: 0px; MARGIN: 0px 1px; PADDING-TOP: 0px
}
IMG.login {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 3px 0px 2px; PADDING-TOP: 0px
}
#docs {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 10; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; CURSOR: pointer; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: right
}
#docs {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#docs UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#docs A {
    DISPLAY: block; FONT-SIZE: 8pt; COLOR: #586cb5; LINE-HEIGHT: 18px; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
#docs LI {
    PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 1px 0px 8px; PADDING-TOP: 0px
}
#docs LI UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -999em; PADDING-BOTTOM: 0px; WIDTH: 90px; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 20px
}
#docs LI UL A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: url(images/arrow_red.gif) #eeeeee no-repeat 1px 8px; PADDING-BOTTOM: 0px; WIDTH: 200px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#docs LI UL A:hover {
    BACKGROUND: #586cb5; COLOR: #fff
}
#docs LI:hover UL {
    LEFT: auto
}
#docs LI:hover UL {
    LEFT: auto; MARGIN: 0px 0px 0px -16px
}
#docs LI.sfhover UL {
    LEFT: auto; MARGIN: 0px 0px 0px -16px
}
.menusearchWrapper {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 970px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 32px
}
.menu {
   
}
.menuCornerL {
    Z-INDEX: 2; BACKGROUND: url(images/bg_menu_lcorner.gif) no-repeat left 50%; LEFT: 0px; WIDTH: 9px; POSITION: absolute; TOP: 0px; HEIGHT: 32px
}
#nav {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: url(images/bg_menu.gif) repeat-x; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 704px; CURSOR: pointer; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 32px
}
#nav {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav A {
    DISPLAY: block; FONT-SIZE: 8pt; COLOR: #586cb5; LINE-HEIGHT: 18px; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
#nav LI {
    PADDING-RIGHT: 25px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#nav LI:hover {
    BACKGROUND-POSITION: 0px 0px
}
#nav LI UL {
    LEFT: -999em; MARGIN: -30px 0px 0px; WIDTH: 20px; POSITION: absolute
}
#nav LI:hover UL {
    LEFT: auto
}
#nav LI.sfhover UL {
    LEFT: auto
}
#nav LI UL A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 6px; BACKGROUND: url(images/arrow_red.gif) #eeeeee no-repeat 0px 8px; PADDING-BOTTOM: 0px; BORDER-LEFT: #eeeeee 10px solid; WIDTH: 189px; PADDING-TOP: 0px
}
#nav LI UL :hover {
    FONT-WEIGHT: bold; COLOR: #fff
}
#nav LI UL .sfhover {
    FONT-WEIGHT: bold; COLOR: #fff
}
#nav LI UL A:hover {
    BACKGROUND-COLOR: #1e649f
}
#nav LI UL A.sfhover {
    BACKGROUND-COLOR: #1e649f
}
#nav LI UL UL {
    MARGIN: -1em 0px 0px 185px
}
#nav LI UL UL A {
    FONT-WEIGHT: normal; WIDTH: 100px
}
#nav LI:hover UL UL {
    LEFT: -999em
}
#nav LI:hover UL UL UL {
    LEFT: -999em
}
#nav LI:hover UL UL UL UL {
    LEFT: -999em
}
#nav LI.sfhover UL UL {
    LEFT: -999em
}
#nav LI.sfhover UL UL UL {
    LEFT: -999em
}
#nav LI.sfhover UL UL UL UL {
    LEFT: -999em
}
#nav LI:hover UL {
    LEFT: auto
}
#nav LI LI:hover UL {
    LEFT: auto
}
#nav LI LI LI:hover UL {
    LEFT: auto
}
#nav LI LI LI LI:hover UL {
    LEFT: auto
}
#nav LI.sfhover UL {
    LEFT: auto
}
#nav LI LI.sfhover UL {
    LEFT: auto
}
#nav LI LI LI.sfhover UL {
    LEFT: auto
}
#nav LI LI LI LI.sfhover UL {
    LEFT: auto
}
.searchbox {
    PADDING-RIGHT: 0px; PADDING-LEFT: 11px; BACKGROUND: url(images/bg_search_rcorner.gif) #f10104 no-repeat right 50%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 252px; PADDING-TOP: 8px; HEIGHT: 24px
}
.lblSearch {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 7pt; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 0px; FONT-FAMILY: verdana
}
INPUT#searchInput {
    BORDER-RIGHT: #d4d4d4 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #d4d4d4 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 7.5pt; Z-INDEX: 1; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 13px; BORDER-LEFT: #d4d4d4 1px solid; WIDTH: 108px; COLOR: #555; PADDING-TOP: 1px; BORDER-BOTTOM: #d4d4d4 1px solid; FONT-FAMILY: verdana; HEIGHT: 14px
}
.btnGo {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.searchDbox {
    PADDING-RIGHT: 0px; PADDING-LEFT: 11px; BACKGROUND: url(images/bg_search_rcorner_Straight.gif) #f10104 no-repeat right 50%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 252px; PADDING-TOP: 8px; HEIGHT: 24px
}
.btnDGo {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#searchDiv {
    BORDER-RIGHT: #555555 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #555555 1px solid; DISPLAY: none; PADDING-LEFT: 5px; FONT-SIZE: 8pt; Z-INDEX: 45; LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #555555 1px solid; WIDTH: 140px; PADDING-TOP: 0px; BORDER-BOTTOM: #555555 1px solid; FONT-FAMILY: verdana; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #cfe0ea
}
DIV#searchDiv UL {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 45; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none
}
DIV#searchDiv UL LI.selected {
    BACKGROUND-COLOR: #000
}
#searchDivClose {
    PADDING-RIGHT: 1px; MARGIN-TOP: 0px; PADDING-LEFT: 1px; FLOAT: right; PADDING-BOTTOM: 1px; WIDTH: 9px; CURSOR: pointer; MARGIN-RIGHT: 0px; PADDING-TOP: 1px; HEIGHT: 9px; TEXT-ALIGN: right
}
.flashIntro {
    CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: black; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 704px; PADDING-TOP: 0px; HEIGHT: 258px
}
.productBox {
    PADDING-RIGHT: 0px; PADDING-LEFT: 21px; BACKGROUND: url(images/bg_prodbox.jpg) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 242px; PADDING-TOP: 5px; HEIGHT: 253px
}
.productBox UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 7.5pt; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px; COLOR: #fff; PADDING-TOP: 0px; FONT-FAMILY: verdana; LIST-STYLE-TYPE: none
}
.productBox LI {
    PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: url(images/arrow_red.gif) no-repeat 1px 6px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 12pt; PADDING-TOP: 0px
}
.productBox A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.productBox A:hover {
    TEXT-DECORATION: underline
}
.productBox H2 {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 5px; PADDING-TOP: 0px; FONT-FAMILY: verdana
}
.newstick {
    FONT-SIZE: 8pt; MARGIN: 0px 0px 16px; WIDTH: 220px; LINE-HEIGHT: 12pt; FONT-FAMILY: verdana
}
.panel {
    PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 13px; BACKGROUND: url(images/bg_botpanel.jpg) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 954px; PADDING-TOP: 7px; HEIGHT: 164px
}
.panelBlock {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 11px 0px 0px; WIDTH: 218px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 158px
}
.panelBlock H1 {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 7px; COLOR: #071040; PADDING-TOP: 0px; FONT-FAMILY: verdana
}
#kwick {
    BACKGROUND: #78ba91; LEFT: 0px; BOTTOM: 0px; POSITION: absolute
}
.kwick {
    BACKGROUND: url(images/podbg.png) repeat-y; OVERFLOW: hidden; WIDTH: 222px; HEIGHT: 158px
}
.pod1 {
    LEFT: 0px; COLOR: #666; BOTTOM: 0px; POSITION: absolute
}
.pod2 {
    LEFT: 230px; COLOR: #666; BOTTOM: 0px; POSITION: absolute
}
.pod3 {
    LEFT: 460px; COLOR: #666; BOTTOM: 0px; POSITION: absolute
}
.pod4 {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; Z-INDEX: 1; BACKGROUND: url(images/bg_pod4.gif) no-repeat; LEFT: 690px; PADDING-BOTTOM: 3px; WIDTH: 200px; COLOR: #666; BOTTOM: 0px; PADDING-TOP: 3px; POSITION: absolute; HEIGHT: 152px
}
.podCenter {
    PADDING-RIGHT: 10px; MARGIN-TOP: 9px; PADDING-LEFT: 20px; FONT-SIZE: 11px; MIN-HEIGHT: 155px; BACKGROUND: url(images/podcenter.png) no-repeat; PADDING-BOTTOM: 10px; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 155px
}
.podText {
    PADDING-RIGHT: 10px; MARGIN-TOP: 9px; PADDING-LEFT: 20px; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px; LINE-HEIGHT: 13pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.podBottom {
    BOTTOM: 0px; POSITION: absolute; HEIGHT: 13px
}
UL.podtab {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 240px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 20px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px
}
LI.podtabOn {
    PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(images/podtab_on.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 2px; LINE-HEIGHT: 16px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 50px
}
LI.podtabOff {
    PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(images/podtab_off.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 2px; LINE-HEIGHT: 16px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 50px
}
LI.podtabOn A {
    TEXT-DECORATION: none
}
LI.podtabOff A {
    TEXT-DECORATION: none
}
.botNavWrapper {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bg_botnav.PNG); FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 918px; PADDING-TOP: 0px; HEIGHT: 36px
}
.botNavWrapper UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.botNavWrapper LI {
    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 22px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.botNavWrapper A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.botNavLCorner {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bg_left.PNG) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 9px; PADDING-TOP: 0px; HEIGHT: 36px
}
.botNavRCorner {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bg_right.PNG) no-repeat; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 9px; PADDING-TOP: 0px; HEIGHT: 36px
}
.lblResources {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 11px 12px 0px 7px; PADDING-TOP: 0px
}
.subpage {
    BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; DISPLAY: none; PADDING-LEFT: 30px; FONT-SIZE: 7.5pt; Z-INDEX: 20; LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #fff 1px solid; WIDTH: 522px; COLOR: #c5d9f7; PADDING-TOP: 60px; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: verdana; POSITION: absolute; TOP: 0px; HEIGHT: 233px
}
.subpage H1 {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 9px; COLOR: #fff; PADDING-TOP: 0px; FONT-FAMILY: verdana
}
.subpageCol {
    PADDING-RIGHT: 30px; PADDING-LEFT: 9px; BACKGROUND: url(images/divider_vert_ln_blu.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 170px; PADDING-TOP: 0px; HEIGHT: 134px
}
.subpageCol UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 7.5pt; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: verdana; LIST-STYLE-TYPE: none
}
.subpageCol LI {
    PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: url(images/arrow_red.gif) no-repeat 1px 6px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 1px; LINE-HEIGHT: 10pt; PADDING-TOP: 0px
}
.subpageCol A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #c5d9f7; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.subpageCol A:hover {
    TEXT-DECORATION: underline
}
.subpageColR {
    PADDING-RIGHT: 7px; PADDING-LEFT: 9px; BACKGROUND: url(images/divider_vert_ln_blu.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 205px; PADDING-TOP: 0px; HEIGHT: 206px
}
.subpageColR A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #c5d9f7; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.btnReqNow {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 12px 0px 0px; PADDING-TOP: 0px
}
.closeLink {
    PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; RIGHT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; CURSOR: pointer; COLOR: #f2f2f2; PADDING-TOP: 6px; POSITION: absolute; TOP: 0px
}
.tab {
    CURSOR: pointer
}
.footer {
    PADDING-RIGHT: 11px; PADDING-LEFT: 0px; FONT-SIZE: 7pt; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 956px; COLOR: #999999; PADDING-TOP: 9px; FONT-FAMILY: verdana; HEIGHT: 21px; TEXT-ALIGN: right
}
.footer A {
    COLOR: #999999
}



Builds JavaScript that updates the contents of one selector based on another.
Categories : HTML, Java Script, PHP, Complete Programs, General
Javascript Background Scroller
Categories : Java Script, CSS, HTML
How to create <SELECT> menues that change on the fly according to other <SELECT> menues on the page?
Categories : Java Script, HTML
GonxTabs : Create elegant HTML tabs based interface
Categories : Navigation, HTML, HTML and PHP, PHP
Javascript/DHTML menus without all the extra javascipt.... server side browser detection + dynamically generated javascript (build menus on fly using php)
Categories : PHP, Java Script, Navigation
Prevent Right Mouse steal your graphics
Categories : HTML, Java Script, Security
Cool tool tip
Categories : Java Script, HTML, Web Design
Conditional Check - a script that allows a user to submit a form only if the user check a checkbox.
Categories : HTML, Java Script, Form Processing, Beginner Guides
Javascript linked dropdowns
Categories : Java Script, HTML, Classes and Objects
Javascript animated menu items
Categories : DHTML, CSS, Java Script, HTML
Page Loading Message shown during the time your site's page is being loaded.
Categories : HTML, CSS, Java Script
complete simply working javascript password generator file. Use letter, vowels, consonants (uppercase and lowercase) arrays to create a really random and secure password. improved security using time functions to initialize random number generator.
Categories : Java Script, HTML, Security, Authentication, Strings
Bookmarklets are simple tools that extend the surf and search capabilities of Netscape and Explorer web browsers.
Categories : Java Script, HTML, General
How to get the Focus (Cursor) into a Form-Element.
Categories : HTML, Java Script
Higly Customizable Javascript Calendar Script
Categories : Java Script, Calendar, Date Time, HTML, CSS
 Jesus Alc wrote : 1729
This sample did not worked in my computer. I copied 
everything just like it shows. And all I get is just links 
to the same site. No functionality or explanation 
whatsoever.
 
 Boaz Yahav wrote :1730
Works well for me. Try to dowload the file attached to the example rather than copy the code from the browser.