$(document).ready(function() {
  var tabSelectedID = "";
  if (trim($("#defaulttab").text()) != "") {
    tabSelectedID = $("#defaulttab").text();
  }
  else {
    tabSelectedID = defaultTab;
  }
  
  if (tabSelectedID == "tab1") {
    $("#tab1").attr('class','tabonfirst');
  }
  else {
    $("#" + tabSelectedID).attr('class','tabon');
  }

  var $iProdID = trim($("#divjqueryprodid").text());

  //alert($iProdID);
    
  $("#tabloader").show();
  $("#tabcontent").load(tabs[tabSelectedID] + " div#main", { 'p': $iProdID},  function() {
    $("#tabloader").hide();
  });
  
  $("ul#tabnav1 li span").click(function() {
    var $parent = $(this).parent();
    var $tabID = $parent.get(0).id;
    var $kids = $parent.parent().children("li");
    $kids.attr('class','tab');

    var $tabTitle = $parent.get(0).title;
    
    //alert ($tabTitle);
    $parent.attr('class','tabonfirst');

    if ($tabID == "tab1") {
      $parent.attr('class','tabonfirst');
    }
    else {
      $parent.attr('class','tabon');
    }
       
    $("#tabloader").show();
    //alert(tabs[$tabID]);
    //alert($tabTitle);
    $("#tabcontent").load(tabs[$tabID] + " div#main", { 'p': $tabTitle},  function() {
      $("#tabloader").hide();
    });
  });
});

function trim(str) {
	var	str = str.replace(/^\s\s*/, ''),
	    ws = /\s/,
	    i = str.length;
	    
	while (ws.test(str.charAt(--i)));
	return str.slice(0, i + 1);
}