/******************************
* webcon galleryScript
*******************************/
$(document).ready(function(){
  $(".thumbsArea a").each(function () {
    $('<img/>')[0].src = $(this).attr("href");
  });
  $(".thumbsArea a").click(function(){
    var picture =  $(this).attr("href");
    var alt =  $(this).children("img").attr("alt");
    var title = $(this).attr("title").split("/");
    var thumbsArea =  $(this).closest("ul").attr("id");
    var imgArea = thumbsArea.replace("t","m");
    $("#"+thumbsArea+" li").each(function () {
      $(this).removeClass("on");
    })
    $(this).closest("li").addClass("on");
    var nowsrc = $("#"+imgArea+" img").attr("src");
    if(picture !== nowsrc){
      $("#"+imgArea+" img").fadeOut("fast",function(){
        $("#"+imgArea+" img").attr("src",picture);
        $("#"+imgArea+" img").attr("alt",alt);
        $("#"+imgArea+" img").load(function () {
          $("#"+imgArea+" img").fadeIn("fast");
          if(title[0]){
            $("#"+imgArea+" dl").stop().slideUp("fast",function(){
              if(title[0])$("#"+imgArea+" dt").html(title[0]);
              if(title[1])$("#"+imgArea+" dd").html(title[1]);
              $("#"+imgArea+" dl").slideDown("fast");
            });
          };
        });
      });
    }
  return false;
  });
});
