var prev_tab = '';
var selected_category = '';
var count_tabs = 0;
//ajax loading float div indocator
$(document).ready(function() {
	$("#loading")
	.bind("ajaxError", function(){alert('Please try again later.');})
	.bind("ajaxSend", function(){$(this).show();$("#all").hide();})
	.bind("ajaxComplete", function(){$(this).hide();$("#all").show();loadMoreInfoEvents();}).hide();

	getTabs(selected_category);
	$("#minfo_cat").jqm({
		overlay: 1,
		trigger:"#link_minfo_cat"
	});
});

//get jqmodal events for moreinfo triggers
function loadMoreInfoEvents() {
	$(".Trigger").each(function (i) {
		$('#'+this.getAttribute("id")+'_div')
			.jqm({
				overlay: 1,
				trigger:'#'+this.getAttribute("id")
			}).css('left',($('#'+this.getAttribute("id")).offset().left)-11)
			.css('top',($('#'+this.getAttribute("id")).offset().top)-8);
	});
}

//get tabs
function getTabs(category) {
	$("#tabs").html('');
	$.ajax({
		dataType: "json",
		type: "POST",
		url: "ajax_ctables_tabs.php",
		data: "category="+category,
		success: function(data){
			if(data.countRegs != 0) {
			count_tabs = data.countRegs;
			createTabs(data,$("#tabs"));
			if(data!='') changeTable(data.arrData[0].SolapaId,-1);
			else $("#tabla").html('Missing Information');
			}else{ $("#tabla").html('No data available.') }
		}
	});
}

//change table of content
function changeTable(tab,i) {
	$("#tabla").html('');
	$("#tt").html($("#txt_tab_"+tab).html()); //set title
	$("#nav").html($("#txt_tab_"+tab).html()); //set nav bar
	$.ajax({
		dataType: "json",
		type: "POST",
		url: "ajax_ctables_table.php",
		data: "tab="+tab+"&cat="+selected_category,
		success: function(data){
			createTable(data,$("#tabla"));
			createMoreInfoDivs(data,$("#extra_data"));
			//tabs selection
			if(tab!=0 && i!=-1) {
				solapas(i,count_tabs)
				prev_tab = tab;
			}
		}
	});
}

//create tabs from json
function createTabs(data,div) {
	str = '';
	var first=true;
	if(data.countRegs>0) {
		str +='<ul class="clearfix">';
		for(i=0;i<data.arrData.length;i++) {
			tab = data.arrData[i];
			if(first) prev_tab = tab['SolapaId'];
			str += '<li id="tab_'+(i+1)+'" class="'+((first)?'Act':'')+'">'+((first)?'<span class="OnL" id="c1p"></span>':'')+'<p><a href="javascript:;" onclick="changeTable('+tab['SolapaId']+','+(i)+')" title="'+tab['Titulo']+'" id="txt_tab_'+tab['SolapaId']+'">'+tab['Titulo']+'</a></p><span id="c'+(i+1)+'" class="'+((first)?'OnL':'OffL')+'-OffR"></span></li>';
			first=false;
		}
		str += '</ul>';
	}
	div.html(str); //set tabs into div
	//set title
}


//create table from json
function createTable2(data,div) {
	str = '';
	//curva
	str +='<table width="100%" border="0" cellspacing="0" cellpadding="0" ><tr class="Curva">\n';
	str +='<td class="CvTl"></td>';
	if(data.countRegs>0) {
			for(contC=0;contC<data.arrColumns.length;contC++) str +='<td></td>\n';
		}
	str +='<td class="CvTr"></td>\n';
	str +='</tr></table>\n';
	//fin curva
	str +='<table width="100%" border="0" cellspacing="0" cellpadding="0" class="sortable" id="ct_t">\n';
	//head
		str +='<thead>\n';


		//datos
		str +='<tr class="Tt">\n';
		str +='	<th scope="col" class="Col-1" style="cursor:pointer;" title="Provider & Account Name">Provider & Account Name</th>\n';
		var i=0;
		if(data.countRegs>0) {
			for(contC=0;contC<data.arrColumns.length;contC++) {
				column = data.arrColumns[contC];
				str +='	<th scope="col" id="col_'+column['ColumnaId']+'" style="cursor:pointer;" title="'+column['Titulo']+'"><a href="#" id="mi_'+column['ColumnaId']+'" class="Trigger" title="Help"></a>'+column['Titulo']+'</th>\n';
			}
		}
		str +='	<th scope="col" class="More" style="cursor:pointer;" title="More Details & Apply">More Details & Apply</th>\n';
		str +='</tr>\n';
		//fin datos

		//curva
		/*str +='<tr class="Curva">';
		str +='<td class="CvBl"></td>';
		if(data.countRegs>0) {
				for(contC=0;contC<data.arrColumns.length;contC++) str +='<td></td>';
			}
		str +='<td class="CvBr"></td>';
		str +='</tr>';
		str +='<tr class="Sep">';
			str +='<td class="Col-1">&nbsp;</td>';
			if(data.countRegs>0) {
				for(contC=0;contC<data.arrColumns.length;contC++) str +='<td>&nbsp;</td>';
			}
			str +='<td class="More">&nbsp;</td>';
		str +='</tr>';*/
		//fin curva
	str +='</thead>';
	// end head

	var linea=0;
	for(i=0;i<data.content_cols;i++) {
		var j=0;
		if(data.arrRecors[j][(i+1)]) {
			str +='<tr class="'+((!((linea++)%2))?'Bg':'')+'">';
				str +='<td class="Col-1">';
					str +='<a href="'+data.arrExtraData[(i+1)][0]['LinkImagen']+'" target="_blank" title="">';
						if(data.arrExtraData[(i+1)][0]['Imagen']==1)
						str +='<img src="/admin/uploads/ctables/ctables_'+data.tab+'_'+data.arrExtraData[(i+1)][0]['id']+'" border="0" height="30" /><br />';
						str += data.arrExtraData[(i+1)][0]['DescripcionImagen']+'</a>';
				str +='</td>';
				for(j=0;j<data.arrColumns.length;j++) {
				if(typeof(data.arrRecors[j])!='undefined' && typeof(data.arrRecors[j][(i+1)])!='undefined'){
					str +='<td>'+data.arrRecors[j][(i+1)][0]['Contenido']+'</td>';
				}
				else str +='<td></td>';
				}
				str +='<td class="More">';
						if(data.arrExtraData[(i+1)][0]['Link1']) str +='<p>'+data.arrExtraData[(i+1)][0]['Link1']+'</p>';
						if(data.arrExtraData[(i+1)][0]['Link2']) str +='<a href="'+data.arrExtraData[(i+1)][0]['Link2']+'" target="_blank" title="Apply" class="Bt">Apply</a>';
						if(data.arrExtraData[(i+1)][0]['Link3']) str +='<a href="'+data.arrExtraData[(i+1)][0]['Link3']+'" target="_blank" title="Apply" class="Bt">Enquire</a>';
				str +='</td>';
			str +='</tr>';
		}
	}
	str +='</table>';

	div.html(str); //set tabs into div

	sorttable.makeSortable(document.getElementById('ct_t'));

}


//create table from json
function createTable(data,div) {
	str = '';
	str +='<table width="100%" border="0" cellspacing="0" cellpadding="0" class="sortable" id="ct_t">\n';
	//head
		str +='<thead>\n';


		//datos
		str +='<tr class="Tt">\n';
		str +='	<th scope="col" class="Col-1" style="cursor:pointer;" title="Provider & Account Name">Provider & Account Name</th>\n';
		var i=0;
		if(data.countRegs>0) {
			for(contC=0;contC<data.arrColumns.length;contC++) {
				column = data.arrColumns[contC];
				str +='	<th scope="col" id="col_'+column['ColumnaId']+'" style="cursor:pointer;" title="'+column['Titulo']+'"><a href="#" id="mi_'+column['ColumnaId']+'" class="Trigger" title="Help"></a>'+column['Titulo']+'</th>\n';
			}
		}
		str +='	<th scope="col" class="More" style="cursor:pointer;" title="More Details & Apply">More Details & Apply</th>\n';
		str +='</tr>\n';
		/*str +='<tr class="Sep">\n';
		if(data.countRegs>0) {
			for(contC=0;contC<data.arrColumns.length;contC++) {
				column = data.arrColumns[contC];
				str +='	<td>&nbsp;</td>\n';
			}
		}
		str +='	<td>&nbsp;</td>\n';
		str +='	<td>&nbsp;</td>\n';
		str +='</tr>';
		*/
		//curva
		/*str +='<tr class="Curva">';
		str +='<td class="CvBl"></td>';
		if(data.countRegs>0) {
				for(contC=0;contC<data.arrColumns.length;contC++) str +='<td></td>';
			}
		str +='<td class="CvBr"></td>';
		str +='</tr>';
		str +='<tr class="Sep">';
			str +='<td class="Col-1">&nbsp;</td>';
			if(data.countRegs>0) {
				for(contC=0;contC<data.arrColumns.length;contC++) str +='<td>&nbsp;</td>';
			}
			str +='<td class="More">&nbsp;</td>';
		str +='</tr>';*/
		//fin curva
	str +='</thead>';
	// end head

	var linea=0;
	for(i=0;i<data.content_cols;i++) {
		var j=0;
		if(data.arrRecors[j][(i+1)]) {
			str +='<tr class="'+((((linea++)%2))?'Bg':'')+'">';
				str +='<td class="Col-1">';
					str +='<a href="'+data.arrExtraData[(i+1)][0]['LinkImagen']+'" target="_blank" title="">';
						if(data.arrExtraData[(i+1)][0]['Imagen']==1)
						str +='<img src="../admin/uploads/ctables/ctables_'+data.tab+'_'+data.arrExtraData[(i+1)][0]['id']+'" border="0" height="30" /><br />';
						str += data.arrExtraData[(i+1)][0]['DescripcionImagen']+'</a>';
				str +='</td>';
				for(j=0;j<data.arrColumns.length;j++) {
				if(typeof(data.arrRecors[j])!='undefined' && typeof(data.arrRecors[j][(i+1)])!='undefined'){
					str +='<td>'+data.arrRecors[j][(i+1)][0]['Contenido']+'</td>';
				}
				else str +='<td></td>';
				}
				str +='<td class="More">';

						//if(data.arrExtraData[(i+1)][0]['Link1']) str +='<p>'+data.arrExtraData[(i+1)][0]['Link1']+'</p>';
						if(data.arrExtraData[(i+1)][0]['Link1']) str +='<a href="'+data.arrExtraData[(i+1)][0]['Link1']+'" target="_blank" title="more" class="Link">more</a>';
						if(data.arrExtraData[(i+1)][0]['Link2']) str +='<a href="'+data.arrExtraData[(i+1)][0]['Link2']+'" target="_blank" title="Apply" class="Bt">Apply</a>';
						if(data.arrExtraData[(i+1)][0]['Link3']) str +='<a href="'+data.arrExtraData[(i+1)][0]['Link3']+'" target="_blank" title="Enquire" class="Bt">Enquire</a>';
				str +='</td>';
			str +='</tr>';
		}
	}
	str +='</table>';

	div.html(str); //set tabs into div

	sorttable.makeSortable(document.getElementById('ct_t'));

}




//create floating divs for more info
function createMoreInfoDivs(data,div) {

	str = '';
	var i=0;
	if(data.countRegs>0) {




		for(contC=0;contC<data.arrColumns.length;contC++) {
			column = data.arrColumns[contC];
			str +='<div class="MInfo jqmNotice" id="mi_'+column['ColumnaId']+'_div">';
				str +='<div class="MoreInfo">';
					str +='<div class="T"></div>';
					str +='<div class="Cont">';
					str +='<div class="In">';
						str +='<dl>';
						str +='<dt>'+column['Titulo']+'</dt>';
						str +='<dd>'+column['Descripcion']+'</dd>';
						str +='</dl>';
						str +='<span class="clearfix"><a href="#" class="Link jqmClose" title="Hide Info" >Hide Info</a></span>';
					str +='</div>';
					str +='</div>';
					str +='<div class="B"></div>';

				str +='</div>';
			str +='</div>';
		}
	}
	div.html(str); //set tabs into div
}