// JavaScript Document
    
// <![CDATA[
function selectReplacement(obj) {
	return;
	var ul = document.createElement('ul');
	ul.className = 'selectReplacement' + " " + obj.className;
	var opts = obj.options;
	var selectedOpt = (!obj.selectedIndex) ? 0 : obj.selectedIndex;
	obj.className += ' replaced';
      
	for (var i = 0; i < opts.length; i++) {
		var li = document.createElement('li');
		var txt = document.createTextNode(opts[i].text);
        li.appendChild(txt);
        
		if (opts[i].title != "") {
			li.appendChild(document.createElement("br"));
			var tsm = li.appendChild(document.createElement("small"));
        	tsm.appendChild(document.createTextNode(opts[i].title));
		}
		
		if (obj.id == "preisrechner-material") {
			var href = li.appendChild(document.createElement("a"));
        	href.href = "/informationen/" + opts[i].value + '';
        	href.appendChild(document.createTextNode("[Info]"));
		}

		li.selIndex = i;
        li.selectID = obj.id;
        li.onclick = function() {
          selectMe(this);
        };
        if (i == selectedOpt) {
			
          li.className = 'selected';
          li.onclick = function() {
            this.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            };
          };
        }
        if (window.attachEvent) {
          li.onmouseover = function() {
            this.className += ' hover';
          };
          li.onmouseout = function() {
            this.className = 
              this.className.replace(new RegExp(" hover\\b"), '');
          };
        }
        ul.appendChild(li);
      }
      obj.onfocus = function() {
        ul.className += ' selectFocused';
      };
      obj.onblur = function() {
        ul.className = 'selectReplacement';
      };
      obj.onchange = function() {
        var idx = this.selectedIndex;
        selectMe(ul.childNodes[idx]);
      };
      obj.onkeypress = obj.onchange;
      obj.parentNode.insertBefore(ul,obj);
    }
    function selectMe(obj) {
      var lis = obj.parentNode.getElementsByTagName('li');
      for (var i=0; i<lis.length; i++) {
        if (lis[i] != obj) {
          lis[i].className='';
          lis[i].onclick = function() {
            selectMe(this);
          };
       } else {
          setVal(obj.selectID, obj.selIndex);
          obj.className='selected';
          obj.parentNode.className = 
            obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
          obj.onclick = function() {
            obj.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            };
          };
        }
      }
    }
    function setVal(objID,val) {
      var obj = document.getElementById(objID);
      obj.selectedIndex = val;
    }
    function setForm() {
		var s = document.getElementsByTagName('select');
		for (var i=0; i<s.length; i++) {
			if (s[i].className == 'selectReplacement') {
				selectReplacement(s[i]);
			}
		}
	}
	
var tab_initialIndex = 0;

$(document).ready(function() {

	$("ul.tabs").tabs("div.panes > div", {effect: 'fade', fadeInSpeed: 1000, tabs:'li', initialIndex: tab_initialIndex});

	$("#triggers img[rel]").overlay({effect: 'apple'});

var triggers = $(".modalInput").overlay({
	// some mask tweaks suitable for modal dialogs
	mask: {
		color: '#ebecff',
		loadSpeed: 200,
		opacity: 0.9
	},

	closeOnClick: true
});

// select the overlay element - and "make it an overlay"
$("#message").overlay({

	top: 200,

	mask: {

		// you might also consider a "transparent" color for the mask
		color: '#FFF',

		// load mask a little faster
		loadSpeed: 200,

		// very transparent
		opacity: 0.5
	},

	// disable this for modal dialog-type of overlays
	closeOnClick: true,

	// load it immediately after the construction
	load: true

});
});
// ]]>