var sgTabNav = {
	
	init: function() {
		
		$("ul.tabNav li a").each(function(i) {
	
			var el = $(this);
			
			// Remove anchor
			el.attr('href','javascript:;void(0);');
			
			el.mouseover(function() {
				var imgSrc = el.children('img')[0];
				
				// Change The Class
				if (!el.hasClass('tabNavActive'))
					imgSrc.src = imgSrc.src.replace('_off.gif','_on.gif');
			});
			
			el.mouseout(function() {
				var imgSrc = el.children('img')[0];
				
				// Change The Class
				if (!el.hasClass('tabNavActive'))
					imgSrc.src = imgSrc.src.replace('_on.gif','_off.gif');
			});
			
			el.click(function() {
				
				if (el.hasClass('tabNavActive')) return;
				
				var tabName = '#tabSection-' + el.attr('tabname');
				$("ul.tabNav li a").each(function(ii) {
					if (i != ii) {
						$(this).removeClass('tabNavActive');
						$(this).children('img')[0].src = $(this).children('img')[0].src.replace('_on.gif','_off.gif');
						$('#tabSection-' + $(this).attr('tabname')).hide();						
					}
					
				});
				el.addClass('tabNavActive');
				
				// Do our custom function.
				var f = el.attr('perform');
				var s = el.attr('datasrc');
				
				if (typeof f != 'undefined') {
					var fnc = eval('tabsExtend.' + f);
					fnc(s);
				}
					
				// Slide the tab	
				sgTabNav.slide(tabName);

			});
			
		});
	},
	
	slide: function(t) {
		$(t).show();
		//$(t).slideDown(750);
	}
	
}

var tabsExtend = {
	
	vrTour: function(src) {
		var urlbase = 'media/vrtours/';
		var nsrc = src; //'media/vrtours/' + src;
		var el = $('#vrTourContainer');
		var fl = '';
		
		if (el.html() == '') {
						
			fl += "<script language=\"javascript\" type=\"text/javascript\">";
			fl += "\r// <![CDATA[\r";
			fl += 'var so = new SWFObject("media/vrtours/PurePlayer.swf", "IVP-vrTour", "500", "300", "8", "#FFFFFF");\r';
			fl += "so.addParam('scale','noscale');\r";
			fl += "so.addParam('allowFullScreen','true');\r";
			fl += "so.addParam('base','media/vrtours/');\r";
			fl += "so.addVariable('panorama','" + nsrc + "');\r";
			fl += "so.write('vrTourContainer');\r";
			fl += "// ]]>\r";
			fl += "</script>";
			
			el.parent('div').append(fl);
			
		}
	},
	
	slideshow: function(src) {
		var nsrc = 'media/gallery/' + src;
		var el = $('#slideshowContainer');
		var fl = '';
		
		if (el.html() == '') {
			
			fl += "<script language=\"javascript\" type=\"text/javascript\">";
			fl += "\r// <![CDATA[\r";
			fl += 'var so = new SWFObject("' + nsrc +'", "slideshow", "500", "300", "8", "#FFFFFF");\r';
			fl += "so.addParam('scale','noscale');\r";
			fl += "so.addParam('menu','false');\r";
			fl += "so.addParam('quality','best');\r";
			fl += "so.addParam('wmode','transparent');\r";
			fl += "so.write('slideshowContainer');\r";
			fl += "// ]]>\r";
			fl += "</script>";
			
			el.parent('div').append(fl);
		}
	},
	
	overhead: function(src) {
		var nsrc = 'media/overhead/' + src;
		var el = $('#overheadContainer');
		
		if (el.children('img').length == 0) {
			var ni = new Image();
			ni.src = nsrc;
			ni.width = 500;
			ni.height = 300;
				
			ni.onload = function() { el[0].appendChild(ni); }
		}

	},
	
	profile: function(src) {
		var nsrc = 'media/profile/' + src;
		var el = $('#profileContainer');
		
		if (el.children('img').length == 0) {
			var ni = new Image();
			ni.src = nsrc;
			ni.width = 500;
			ni.height = 300;
				
			ni.onload = function() { el[0].appendChild(ni); }
		}
	}
	
}

$(document).ready(function(){
	sgTabNav.init();
});