var isAnimation1 = false;
  var isOpen1 = false;
  var isAnimation2 = false;
  var isOpen2 = false;
  var isAnimation3 = false;
  var isOpen3 = false;
  var isAnimation4 = false;
  var isOpen4 = false;
  var isAnimation5 = false;
  var isOpen5 = false;
  var isAnimation6 = false;
  var isOpen6 = false;

  function box1Action() {

      var prefix = "1";

      if (isAnimation1) return;
      isAnimation1 = true;

      if (isOpen1) {

	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_down.png')");

	      $j("#box" + prefix).animate({ top: "335px"}, 1500, "", function() {isAnimation1 = false; isOpen1 = false;} );

	      $j("#box" + prefix + "_body").slideUp("slow",
            function() {
                $j("#box" + prefix + "_header").animate({ width: "140px", height: "24px"}, 500 );
                $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top_close.png')");
            });
      }
      else {

	      $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top.png')");
          $j("#box" + prefix + "_header").css("height", "21px");
	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_right.png')");

	      $j("#box" + prefix).animate({ top: "335px"}, 1500, "", function() {isAnimation1 = false; isOpen1 = true;} );

	      $j("#box" + prefix + "_header").animate({ width: "219px"}, 500, "",
            function() {
                $j("#box" + prefix + "_body").slideDown("slow");
            } );

      }

  }

  function box2Action() {

	  var prefix = "2";

      if (isAnimation2) return;
      isAnimation2 = true;

      if (isOpen2) {

	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_down.png')");

	      $j("#box" + prefix).animate({ top: "477px"}, 1500, "", function() {isAnimation2 = false; isOpen2 = false;} );

	      $j("#box" + prefix + "_body").slideUp("slow",
            function() {
                $j("#box" + prefix + "_header").animate({ width: "180px", height: "24px"}, 500 );
                $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top_close3.png')");
            });
      }
      else {

	      $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top.png')");
          $j("#box" + prefix + "_header").css("height", "22px");
	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_right.png')");

	      $j("#box" + prefix).animate({ top: "420px"}, 1500, "", function() {isAnimation2 = false; isOpen2 = true;} );

	      $j("#box" + prefix + "_header").animate({ width: "219px"}, 500, "",
            function() {
                $j("#box" + prefix + "_body").slideDown("slow");
            } );

      }
  }

  function box3Action() {

      var prefix = "3";

      if (isAnimation3) return;
      isAnimation3 = true;

      if (isOpen3) {

	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_down.png')");

	      $j("#box" + prefix).animate({ top: "345px"}, 1500, "", function() {isAnimation3 = false; isOpen3 = false;} );

	      $j("#box" + prefix + "_body").slideUp("slow",
            function() {
                $j("#box" + prefix + "_header").animate({ width: "140px", height: "24px"}, 500 );
                $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top_close.png')");
            });
      }
      else {

	      $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top.png')");
          $j("#box" + prefix + "_header").css("height", "21px");
	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_right.png')");

	      $j("#box" + prefix).animate({ top: "335px"}, 1500, "", function() {isAnimation3 = false; isOpen3 = true;} );

	      $j("#box" + prefix + "_header").animate({ width: "219px"}, 500, "",
            function() {
                $j("#box" + prefix + "_body").slideDown("slow");
            } );

      }
  }

  function box4Action() {
      var prefix = "4";

      if (isAnimation4) return;
      isAnimation4 = true;

      if (isOpen4) {

	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_down.png')");

	      $j("#box" + prefix).animate({ top: "615px"}, 1500, "", function() {isAnimation4 = false; isOpen4 = false;} );

	      $j("#box" + prefix + "_body").slideUp("slow",
            function() {
                $j("#box" + prefix + "_header").animate({ width: "200px", height: "24px"}, 500 );
                $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top_close3.png')");
            });
      }
      else {

	      $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top.png')");
          $j("#box" + prefix + "_header").css("height", "21px");
	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_right.png')");

	      $j("#box" + prefix).animate({ top: "520px"}, 1500, "", function() {isAnimation4 = false; isOpen4 = true;} );

	      $j("#box" + prefix + "_header").animate({ width: "219px"}, 500, "",
            function() {
                $j("#box" + prefix + "_body").slideDown("slow");
            } );

      }
  }

  function box5Action() {

      var prefix = "5";

      if (isAnimation5) return;
      isAnimation5 = true;

      if (isOpen5) {

	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_down.png')");

	      $j("#box" + prefix).animate({ top: "528px"}, 1500, "", function() {isAnimation5 = false; isOpen5 = false;} );

	      $j("#box" + prefix + "_body").slideUp("slow",
            function() {
                $j("#box" + prefix + "_header").animate({ width: "200px", height: "24px"}, 500 );
                $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top_close3.png')");
            });
      }
      else {

	      $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top.png')");
          $j("#box" + prefix + "_header").css("height", "21px");
	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_right.png')");

	      $j("#box" + prefix).animate({ top: "470px"}, 1500, "", function() {isAnimation5 = false; isOpen5 = true;} );

	      $j("#box" + prefix + "_header").animate({ width: "219px"}, 500, "",
            function() {
                $j("#box" + prefix + "_body").slideDown("slow");
            } );

      }
  }

  function box6Action() {

      var prefix = "6";

      if (isAnimation6) return;
      isAnimation6 = true;

      if (isOpen6) {

	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_down.png')");

	      $j("#box" + prefix).animate({ top: "615px"}, 1500, "", function() {isAnimation6 = false; isOpen6 = false;} );

	      $j("#box" + prefix + "_body").slideUp("slow",
            function() {
                $j("#box" + prefix + "_header").animate({ width: "250px", height: "24px"}, 500 );
                $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top_close4.png')");
            });
      }
      else {

	      $j("#box" + prefix + "_header").css("background-image", "url('../images/collection/popup/spopup_top.png')");
          $j("#box" + prefix + "_header").css("height", "21px");
	      $j("#box" + prefix + "_arrow").css("background-image", "url('../images/collection/popup/spopup_arrow_right.png')");

	      $j("#box" + prefix).animate({ top: "520px"}, 1500, "", function() {isAnimation6 = false; isOpen6 = true;} );

	      $j("#box" + prefix + "_header").animate({ width: "219px"}, 500, "",
            function() {
                $j("#box" + prefix + "_body").slideDown("slow");
            } );

      }

  }

  $j(document).ready(function(){

    $j("#box1_header").click(function () {
        box1Action();
    });

    $j("#box2_header").click(function () {
        box2Action();
    });

    $j("#box3_header").click(function () {
        box3Action();
    });

    $j("#box4_header").click(function () {
        box4Action();
    });

    $j("#box5_header").click(function () {
        box5Action();
    });

    $j("#box6_header").click(function () {
        box6Action();
    });

  });