$(function() {

	/* the $.iid is passed to map.tpl here */
	
	var Tabs = {'About Us'	: 'tabs.php?id=1', 'Features'	: 'tabs.php?id=2', 'Benefits'	: 'tabs.php?id=3', 'Members' : 'tabs.php?id=5', 'Browse'	: 'map.php?iid='+$.iid}
	var colors = ['blue','green','red','orange','purple'];
	var topLineColor = {blue:'lightblue', green:'lightgreen',	red:'red', orange:'orange', purple:'purple'}
	var z=0;

	$.each(Tabs,function(i,j){
		var tmp = $('<li><a href="#" class="btn '+colors[(z++%5)]+'">'+i+' <span class="tableft" /><span class="tabright" /></a></li>');
		tmp.find('a').data('page',$.hostname+j);
		$('ul.tabContainer').append(tmp);
	});
	
	var the_tabs = $('.btn');
	
	the_tabs.click(function(e){
		var element = $(this);
		
		/* return true - if the link was changed / */
		if(e.currentTarget == $.hostname){return true;}
		
		if(element.find('#overLine').length){
			 return false;
		}
		
		var bg = element.attr('class').replace('tab ','');
		
		$('#overLine').remove();
		
		$('<div>',{
			id:'overLine',
			css:{
					display:'none',
					width:element.outerWidth()-2,
					background:topLineColor[bg] || 'white'
				}}).appendTo(element).fadeIn('slow');

		if(!element.data('cache')){	
			$('#contentHolder').html('<img src="'+$.hostname+'images/ajax_preloader.gif" width="64" height="64" class="preloader" />');
			$.get(element.data('page'),function(msg){
					$('#contentHolder').html(msg);
					element.data('cache',msg);
			});
		}
		else {
			$('#contentHolder').html(element.data('cache'));
		}
		
		e.preventDefault();
		
		bindAjax();
		bindSearch();
		bindModal();
	})

	the_tabs.eq(4).click();

});