/**
 * @author jamal
 */
var tabPadding=22;
var tabMargins=2;
$(document).ready(function(){
var tabSizer=function(){
	var Panel=$(".panel").each(function(){
	var tabPanels = $(this).find(".tabs");
		if (tabPanels.length == 1) {
			function getOffWidth(object){
				return object.offsetWidth
			}
			var panelWidth = tabPanels[0].offsetWidth;
			var tabs = tabPanels[0].getElementsByTagName('li')
			var width = 0;
			var fill;
			for (var x = 0; x < tabs.length; x++) {
				tabs[0].className = 'active';
				tabs[(tabs.length-1)].className = 'fill';
				if (tabs[x].className != 'fill') {
					tabs[x].onclick=function(){
						makeTabActive(this);
					}
					tabs[x].style.cursor="pointer"
					width += getOffWidth(tabs[x]);
					//Hide tab content if it is not active
					if (tabs[x].className != 'active') {
						var tabCheck=document.getElementById(tabs[x].innerHTML);
						if (tabCheck != null) {
							tabCheck.style.display = 'none';
						}
					}
				}else {
					fill = tabs[x];
				}
			}
			var fillWidth = parseFloat(panelWidth) - width - (tabPadding+(tabMargins*(tabs.length-1)));
			fill.style.width = fillWidth + 'px';
		}

	});
}
var makeTabActive=function(tab){
	var tabName=tab.innerHTML;
	var tabs=tab.parentNode.getElementsByTagName('li');
	for (var x=0;x<tabs.length;x++){
		if (tabs[x].innerHTML==tabName){
			tabs[x].className='active';
			var activeTab=document.getElementById(tabName);
			if (activeTab != null) {
				document.getElementById(tabName).style.display = 'block';
			}
		}else{
			if (tabs[x].className != 'fill') {
				tabs[x].className = '';
				if (document.getElementById(tabs[x].innerHTML) != null) {
					document.getElementById(tabs[x].innerHTML).style.display = 'none';
				}
			}
		}
	}	
}
var makeTabActiveByName=function(tabName){
	tab=document.getElementById("tab"+tabName);
	var tabName=tab.innerHTML;
	var tabs=tab.parentNode.getElementsByTagName('li');
	for (var x=0;x<tabs.length;x++){
		if (tabs[x].innerHTML==tabName){
			tabs[x].className='active';
			var activeTab=document.getElementById(tabName);
			if (activeTab != null) {
				document.getElementById(tabName).style.display = 'block';
			}
		}else{
			if (tabs[x].className != 'fill') {
				tabs[x].className = '';
				if (document.getElementById(tabs[x].innerHTML) != null) {
					document.getElementById(tabs[x].innerHTML).style.display = 'none';
				}
			}
		}
	}	
}
/*
 * This function sets the size of the inner and outer divs of the panel element.
 * 
 */
function setColumns(size,container){
	$(container).each(function(){
	$(this).each(function(){
		var inner=$(this).find(".panelB");
		$(this).height(size+22);
		inner.height(size);
	});
	});
}
/*
 * This function looks for the longest column and makes the height of all column equal to the longest column
 * The container must bee specified to avoid other panels from being resized  
 */
function resizeColumns(container){
	var height=0;
	$(container).each(function(){
		var panels=$(this).find(".panel");
		panels.each(function(){
			var inner=$(this).height();
			if(inner>height){
				height=inner;
			}
		});
		setColumns(height,container);
	});
}
function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}
function init(){
	resizeColumns("#content");
	resizeColumns("#subCategory");
	tabSizer();
	if (gup('tab')!='' && document.getElementById(gup('tab'))!=null){
		makeTabActiveByName("Android");
	}
}

init();
});