$(document).ready(function () { if($.browser.opera) { $.support.opacity = true; } } );
var sEff = {
	ul : null,
	lists : null,
	links : null,
	divs : null,
	curr : 1,
	settings : { minW : '600px', maxW : '750px', minH : '60%', maxH : '100%', minL : '230px', maxL : '150px', minT : '10px', maxT : '0px', minFont : '0%', maxFont : '100%' },
	
	init : function(dHight) {
		this.ul = document.getElementById('vnav');
		if (!this.ul) return (false);
		
		if (!dHight || isNaN(parseInt(dHight))) dHight = 300;
		document.getElementById('welcome').style.height = dHight+'px';
		
		this.ul.id = 'vnav2';
		this.lists = new Array();
		this.links = new Array();
		this.divs = new Array();
		
		var cntr = 1;
		for (var i=0; i<this.ul.childNodes.length; i++) {
			if (this.ul.childNodes[i].nodeName.toUpperCase() == 'LI') {
				this.ul.childNodes[i].id = 'li'+cntr;
				this.lists[this.lists.length] = this.ul.childNodes[i];
				if (this.ul.childNodes[i] != 'current') this.addEffect(this.ul.childNodes[i].id);
				
				for (var j=0; j<this.ul.childNodes[i].childNodes.length; j++) {
					if (this.ul.childNodes[i].childNodes[j].nodeName.toUpperCase() == 'A') {
						this.ul.childNodes[i].childNodes[j].id = 'a'+cntr;
						this.links[this.links.length] = this.ul.childNodes[i].childNodes[j].id;
					}
				}
				cntr++;
			}
		}
		
		cntr = 1;
		var divs = $('.content-home');
		for (var i=0; i<divs.length; i++) {
			divs[i].id = 'div'+cntr;
			this.divs[this.divs.length] = { div : divs[i], height : $('#'+divs[i].id).height()+'px' };
			cntr++;
		}
		this.divs[0].div.style.display = 'block';
		
		eval('document._sEff = this;');
		
		for (var i=0; i<this.links.length; i++) {
			$('#'+this.links[i]).click(function(){document._sEff.hideContent(this.id);});
		}
	},

	hideContent : function(id) {
		var idn = parseInt(id.replace(/[^0-9]/, ''));
		var idc=1;
		document._sEff.curr = idn;
		
		while ($('#div'+idc).css('display') == 'none') { idc++; }
		if (idn == idc) return (false);
		
		$('#li'+idc).removeClass();
		$('#div'+idc).animate({width:this.settings.minW, height:this.settings.minH, marginLeft:this.settings.minL, marginTop:this.settings.minT, fontSize:this.settings.minFont, opacity: 0}, 200, function() { $(this).css('display', 'none'); document._sEff.showContent(idn); });
	},
	
	showContent : function(idn) {
		this.settings.maxH = this.divs[idn-1].height;
		$('#li'+idn).addClass('current');
		$('#div'+idn).css('width', this.settings.minW);
		$('#div'+idn).css('height', this.settings.minH);
		$('#div'+idn).css('marginLeft', this.settings.minL);
		$('#div'+idn).css('marginTop', this.settings.minT);
		$('#div'+idn).css('fontSize', this.settings.minFont);
		$('#div'+idn).css('display', 'block');
		$('#div'+idn).animate({width:this.settings.maxW, height:this.settings.maxH, marginLeft:this.settings.maxL, marginTop:this.settings.maxT, fontSize:this.settings.maxFont, opacity: 1}, 200, function() { document._sEff.removeEffect('li'+idn); });
	},

	addEffect : function(id) {
		$('#'+id).animate({opacity:0.7}, 1);
		$('#'+id).hover( function() { $(this).animate({opacity: 1.0}, 200); }, function() { $(this).animate({opacity: 0.7}, 200); } );
	},

	removeEffect : function(id) {
		//$('#'+id).animate({opacity:1}, 1);
	}
};