// JavaScript for Themesbase.com v1
// All Right Reserved to Themesbase.com 2008


function switch_search(id) {

	if(id == 'sf1') {
		document.getElementById('sf1').className="visible";
		document.getElementById('sf2').className="hidden";
		document.getElementById('st1').className="active";
		document.getElementById('st2').className="";
	} 
	
	if(id == 'sf2') {
		document.getElementById('sf1').className="hidden";
		document.getElementById('sf2').className="visible";
		document.getElementById('st2').className="active";
		document.getElementById('st1').className="";
	
	}

}

function show_upload_links() {
	document.getElementById("uploadLinks").className="visible"
}

function hide_upload_links() {
	document.getElementById("uploadLinks").className="hidden";
}

function show_change_pass() {
	document.getElementById("prf").className="hidden editProfile"
	document.getElementById("frmEditLinks").className="hidden editProfile"
	document.getElementById("chp").className="visible editProfile";
}

function hide_change_pass() {
	document.getElementById("chp").className="hidden editProfile";
}

function show_edit_links() {
  document.getElementById("chp").className="hidden editProfile"
	document.getElementById("prf").className="hidden editProfile"
	document.getElementById("frmEditLinks").className="visible editProfile";
}

function hide_edit_links() {
	document.getElementById("frmEditLinks").className="hidden editProfile";
}

function show_add_tag() {
	document.getElementById("tagf").className= "addTags visible";
}
function showElement(id)
{
  
  if (document.getElementById(id).style.display=="block")
    document.getElementById(id).style.display="none";
  else
    document.getElementById(id).style.display="block";
}

function delete_theme(id) {
	var reply = confirm('Are you sure you want to delete that theme?');
	if(reply) {
		document.getElementById('delete_tpl_id').value = id;
		document.getElementById('delt').submit();	
	}
}

function resort_templates() {
	document.getElementById('sortf').submit();
}

function submit_contact() {
	document.getElementById('contactv').value = '999';
	document.getElementById('contactf').submit();
}

function show_bookmarks() {
	document.getElementById('bookmarks').className = 'visible';
}

function bookmarkus() {
	url = 'http://www.themesbase.com';
	title = 'Download FREE Themes & Templates';
	
	if(window.sidebar) {
		window.sidebar.addPanel(title,url,"");
	} else if(window.external) {
		window.external.AddFavorite(url, title);
	}else if(window.opera && window.print) {
		alter('Please use your browser Add To Favourites!');
	}
}

function add_template_select(id)
{
  if (id==18)
  {
    document.getElementById("twitterColorsContainer").style.display="block";
    document.getElementById("uploadTemplateContainer").style.display="none";
  } else {
    document.getElementById("twitterColorsContainer").style.display="none";
    document.getElementById("uploadTemplateContainer").style.display="block";
  }
  if (id==3)
  {
    document.getElementById("versionContainer").style.display="block";
  } else {
    document.getElementById("versionContainer").style.display="none";
  }
}
function add_template_update_color(el)
{
  var val = el.value;
  var pattern = /^#([a-zA-Z0-9]{2})([a-zA-Z0-9]{2})([a-zA-Z0-9]{2})$/i;
  var ret = val.match(pattern);
  if(ret[1] && ret[2] && ret[3])
  {
    var sum = parseInt(ret[1],16)+parseInt(ret[2],16)+parseInt(ret[3],16);
    if (sum < 382)el.style.color = "white"; else el.style.color = "black";
  el.style.backgroundColor = val; 
  }
}