function initPage()
{
	clearFormFields({
		clearInputs: true,
		clearTextareas: true,
		passwordFieldText: true,
		addClassFocus: "focus",
		filterClass: "default"
	});
}
function clearFormFields(o)
{
	if (o.clearInputs == null) o.clearInputs = true;
	if (o.clearTextareas == null) o.clearTextareas = true;
	if (o.passwordFieldText == null) o.passwordFieldText = false;
	if (o.addClassFocus == null) o.addClassFocus = false;
	if (!o.filterClass) o.filterClass = "default";
	if(o.clearInputs) {
		var inputs = document.getElementsByTagName("input");
		for (var i = 0; i < inputs.length; i++ ) {
			if((inputs[i].type == "text" || inputs[i].type == "password") && inputs[i].className.indexOf(o.filterClass)) {
				inputs[i].valueHtml = inputs[i].value;
				inputs[i].onfocus = function ()	{
					if(this.valueHtml == this.value) this.value = "";
					if(this.fake) {
						inputsSwap(this, this.previousSibling);
						this.previousSibling.focus();
					}
					if(o.addClassFocus && !this.fake) {
						this.className += " " + o.addClassFocus;
						this.parentNode.className += " parent-" + o.addClassFocus;
					}
				}
				inputs[i].onblur = function () {
					if(this.value == "") {
						this.value = this.valueHtml;
						if(o.passwordFieldText && this.type == "password") inputsSwap(this, this.nextSibling);
					}
					if(o.addClassFocus) {
						this.className = this.className.replace(o.addClassFocus, "");
						this.parentNode.className = this.parentNode.className.replace("parent-"+o.addClassFocus, "");
					}
				}
				if(o.passwordFieldText && inputs[i].type == "password") {
					var fakeInput = document.createElement("input");
					fakeInput.type = "text";
					fakeInput.value = inputs[i].value;
					fakeInput.className = inputs[i].className;
					fakeInput.fake = true;
					inputs[i].parentNode.insertBefore(fakeInput, inputs[i].nextSibling);
					inputsSwap(inputs[i], null);
				}
			}
		}
	}
	if(o.clearTextareas) {
		var textareas = document.getElementsByTagName("textarea");
		for(var i=0; i<textareas.length; i++) {
			if(textareas[i].className.indexOf(o.filterClass)) {
				textareas[i].valueHtml = textareas[i].value;
				textareas[i].onfocus = function() {
					if(this.value == this.valueHtml) this.value = "";
					if(o.addClassFocus) {
						this.className += " " + o.addClassFocus;
						this.parentNode.className += " parent-" + o.addClassFocus;
					}
				}
				textareas[i].onblur = function() {
					if(this.value == "") this.value = this.valueHtml;
					if(o.addClassFocus) {
						this.className = this.className.replace(o.addClassFocus, "");
						this.parentNode.className = this.parentNode.className.replace("parent-"+o.addClassFocus, "");
					}
				}
			}
		}
	}
	function inputsSwap(el, el2) {
		if(el) el.style.display = "none";
		if(el2) el2.style.display = "inline";
	}
}
if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPage);


$(document).ready(function(){
	initNav();
});
function initNav(){
	var _duration = 300;
	var _holder = $('.navigation');
	var _li = _holder.find('li');
	
	_li.mouseenter(function(){
		var _h = 0;
		$(this).find('li').each(function() {
							//alert('bip');
							_h+= $(this).height()+1;
		});

		//_h += $(this).find('li').eq(1).height();
		//var _h = 240;
		$(this).parent().parent().css({
			overflow: 'visible'
		});
		$(this).find(' > div').animate({
			height:_h
		},{queue: false, duration: _duration});
		$(this).addClass('hover');
	});
	_li.mouseleave(function(){
		$(this).parent().parent().css({
			overflow: 'hidden'
		});
		$(this).find(' > div').animate({
			height:0
		},_duration);
		$(this).removeClass('hover');
	});
}

function initScript() {
	if($.browser.msie) selectDeWidth();
	addClass({
		tagName:'div',
		tagClass:'title',
		classAdd:'open',
		addToParent:true
	});
	addClass2({
		tagName:'a',
		tagClass:'subtitle',
		classAdd:'openul',
		addToParent:true
	})
}

function addClass (_options) {
	var _tagName = _options.tagName;
	var _tagClass = _options.tagClass;
	var _classAdd = _options.classAdd;
	var _addToParent = false || _options.addToParent;
	var _el = document.getElementsByTagName(_tagName);
	if (_el) {
		for (var i=0; i < _el.length; i++) {
			
			if (_el[i].className.indexOf(_tagClass) != -1) {
				
				_el[i].onclick = function() {
				
					if (_addToParent) {
						if (this.parentNode.className.indexOf(_classAdd) == -1) {
							this.parentNode.className += ' '+_classAdd;
							
						} else {
							this.parentNode.className = this.parentNode.className.replace(_classAdd,'');
						}
					} else {
						if (this.className.indexOf(_classAdd) == -1) {
							this.className += ' '+_classAdd;
						} else {
							this.className = this.className.replace(_classAdd,'');
						}
					}
					return false;
				}
			}
		}
	}
}

function addClass2 (_options) {
	var _tagName = _options.tagName;
	var _tagClass = _options.tagClass;
	var _classAdd = _options.classAdd;
	var _addToParent = false || _options.addToParent;
	var _el = document.getElementsByTagName(_tagName);
	if (_el) {
		for (var i=0; i < _el.length; i++) {
			if (_el[i].className.indexOf(_tagClass) != -1) {
				_el[i].onclick = function() {
					if (_addToParent) {
						if (this.parentNode.className.indexOf(_classAdd) == -1) {
							var _el2 = document.getElementsByTagName("li");
							for (var j=0; j < _el2.length; j++) {
								if (_el2[j].className.indexOf(_classAdd) != -1) {
									_el2[j].className = _el2[j].className.replace(_classAdd,'');;
								}
								
							}
							this.parentNode.className += ' '+_classAdd;
						
						} else {
							this.parentNode.className = this.parentNode.className.replace(_classAdd,'');
						}
					} else {
						if (this.className.indexOf(_classAdd) == -1) {
							this.className += ' '+_classAdd;
						} else {
							this.className = this.className.replace(_classAdd,'');
						}
					}
					return false;
				}
			}
		}
	}
}
function selectDeWidth(){
        $(".fondo").mousedown(function(){
        $(this).data("origWidth", $(this).css("width")).css("width", "auto");
        $(this).unbind('mousedown');
    });
        $(".fondo").blur(function(){
                $(this).css("width", $(this).data("origWidth"));
                $(this).unbind('mousedown');
                $(this).mousedown(function(){
                $(this).data("origWidth", $(this).css("width")).css("width", "auto");
                $(this).unbind('mousedown');
            });
    });
        $(".fondo").change(function(){
                $(this).css("width", $(this).data("origWidth"));
                $(this).unbind('mousedown');
                $(this).mousedown(function(){
                $(this).data("origWidth", $(this).css("width")).css("width", "auto");
                $(this).unbind('mousedown');
            });
        });

}
if (window.addEventListener)
	window.addEventListener("load", initScript, false);
else if (window.attachEvent)
	window.attachEvent("onload", initScript);