// be sure mootools is loaded before this
var showTab = function(divname){
	hideTabs();	
	var div = $(divname).setStyles({ display:'block', opacity: 0 });
	new Fx.Style(div, 'opacity', {duration: 1000} ).start(1);
};

var allTabs = function() {
	var divs = new Array("web","flash","design","resume");
	for (var i=0; i<divs.length; i++) {
		var div = $(divs[i]).setStyles({ display:'block', opacity: 0 });
		new Fx.Style(div, 'opacity', {duration: 1000} ).start(1);
	}
};

var hideTabs = function() {
	var divs = new Array("web","flash","design","resume");
	
	for (var i=0; i<divs.length; i++) {
        var d = $(divs[i]);
			if (d) {
				d.setStyles({ display:'none' });
			}
	}
	
};


var Site = {
	
	start: function(){
		
		// init sIFR first before hiding sections		
/*		if(typeof sIFR == "function" && !sIFR.UA.bIsIEMac){
			sIFR.setup();
		};
		
		if(typeof sIFR == "function"){
			sIFR.replaceElement("h2", named({sFlashSrc: "../../fonts/Square721BdExBT.swf", sColor: "#a38266", sCase: "upper", sBgColor: "#000000",
														 nPaddingTop: "0", nPaddingRight: "0", nPaddingBottom: "0", nPaddingLeft: "0", sWmode: "transparent"
											}));
			
			sIFR.replaceElement("h3", named({sFlashSrc: "../../fonts/Square721ExBT.swf", sColor: "#d00000", sCase: "upper", sBgColor: "#000000",
														 nPaddingTop: "0", nPaddingRight: "0", nPaddingBottom: "0", nPaddingLeft: "0", sWmode: "transparent"
											}));
		};
*/
		if ($('navigation')) Site.parseNav();
		if ($('home')) {
			
			var section = unescape(self.document.location.hash.substring(1));
			if ($(section)) {
				showTab(section);
			} else {
				hideTabs();
			}
		}
		
		Site.initTips();
	},
	
	parseNav: function() {
		var szNormal = 132, szSmall = 100, szFull = 260;
		
		var kwicks = $$("#navigation li");
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});
		kwicks.each(function(kwick, i) {
			kwick.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
				kwicks.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall]};
					}
				});
				fx.start(o);
			});
		});

		$("navigation").addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		})
	},
	
	initTips: function() {
		var tips = new Tips($$('.tip'), {
			showDelay: 500,
			hideDelay: 100,
			maxTitleChars: 90,
			fixed: false,
			initialize:function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(1);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			}
		});
	}


	
	
};

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