$(document).ready(function() {

	//When page loads...
	$(".details_tab_content").hide(); //Hide all content
	$("ul.details_info_tabs li:first").addClass("active").show(); //Activate first tab
	$(".details_tab_content:first").show(); //Show first tab content
  
  
  // Tabellenfarben
  var k = 0;
  $('.details_list').each(function(index) {
    if (k == 1) {
      $(this).removeClass("details_list");
      $(this).addClass("details_list_alt");
      k = 0;
    } else {
      k = 1;
    }
  });

  

	//On Click Event
	$("ul.details_info_tabs li").click(function() {

		$("ul.details_info_tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".details_tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

});


function show_charmap (article_no, parameter) {

   if (parameter == '') {      
    /* Beim Laden der Seite */
    $.ajax({
     type: "POST",
     url: "get_charmap.php?nr=" + article_no + "&pa=" + parameter,
     success: function(htmlcontent){        
         $('#charmap_result').html(htmlcontent);
     }
    });
   
     
    } else {
    /* Beim FormChange */
      
      $('#charmap_result').fadeOut('medium', function() {
          $('#font-loader').show();
          $.ajax({
           type: "POST",
           url: "get_charmap.php?nr=" + article_no + "&pa=" + parameter,
           success: function(htmlcontent){        
               $('#charmap_result').html(htmlcontent);
               $('#font-loader').hide();
               $('#charmap_result').fadeIn('medium', function() {});
           }
          });
      
      
      });

    }

  
}

function str_replace(search, replace, subject) {
  return subject.split(search).join(replace);
}

function update_charmap (input, id) {


  var text = escape(input);
  
  text = str_replace('%u20AC', '%80', text);
  
  // $('#userinput_image').attr('src', 'http://sampler.linotype.com/sam?ID=' + id + '&text=' + text + '&sizex=500&fontsize=50');
  $('#userinput_fontbanner').css('background-image','url(http://sampler.linotype.com/sam?ID=' + id + '&text=' + text + '&sizex=500&fontsize=50)');
  

}