<?php

// var_dump($idarticletype);

?>

<?php if ($idarticletype == "1") { ?>

    <?php include('languages/' . $_SESSION['langselect'] . '/shoesnamepart.php'); ?>

    <!-- Image Map Generated by http://www.image-map.net/ -->

    <div style="position:relative;width:1153px;height:684px;">

        <img src="../images/calzatura.png" usemap="#map" width="1153" height="684">

        <?php if (in_array(1, $partids)) { ?><div id="1" style="position:absolute;left:175px;top:80px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div>

            <div id="1" style="position:absolute;left:630px;top:80px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(2, $partids)) { ?><div id="2" style="position:absolute;left:293px;top:155px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(4, $partids)) { ?><div id="4" style="position:absolute;left:378px;top:335px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(5, $partids)) { ?><div id="5" style="position:absolute;left:490px;top:425px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(7, $partids)) { ?><div id="7" style="position:absolute;left:22px;top:227px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(8, $partids)) { ?><div id="8" style="position:absolute;left:22px;top:295px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(10, $partids)) { ?><div id="10" style="position:absolute;left:150px;top:490px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(11, $partids)) { ?><div id="11" style="position:absolute;left:328px;top:570px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(12, $partids)) { ?><div id="12" style="position:absolute;left:815px;top:325px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(13, $partids)) { ?><div id="13" style="position:absolute;left:920px;top:370px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(14, $partids)) { ?><div id="14" style="position:absolute;left:808px;top:540px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(15, $partids)) { ?><div id="15" style="position:absolute;left:705px;top:505px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(16, $partids)) { ?><div id="16" style="position:absolute;left:642px;top:482px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(18, $partids)) { ?><div id="18" style="position:absolute;left:468px;top:248px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

        <?php if (in_array(19, $partids)) { ?><div id="19" style="position:absolute;left:468px;top:190px;width:35px;height:35px;background-color:yellow;opacity:0.4;"></div><?php } ?>

    </div>

    <map name="map">

        <!-- LEFT IMAGE -->

        <area shape="poly" coords="141,173, 170,162, 272,169, 268,178, 189,194, 190, 242, 118,213, 115,182, 140,173" target="_self" alt="<?php echo $ones; ?>" title="<?php echo $ones; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $ones; ?>';document.getElementById('partid').value='1';" href="javascript:void(0)">

        <area shape="poly" coords="232,201, 286,175, 293,193, 288,294, 348,284, 328,396, 254,294, 247,214" target="_self" alt="<?php echo $twos; ?>" title="<?php echo $twos; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $twos; ?>';document.getElementById('partid').value='2';" href="javascript:void(0)">

        <area shape="poly" coords="328,397, 350,385, 383,423, 470,461, 468,475, 450,495, 430,504, 393,514, 367,566, 285,544, 230,509, 159,450, 159,422, 230,457, 295,480, 347,432" target="_self" alt="<?php echo $fours; ?>" title="<?php echo $fours; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fours; ?>';document.getElementById('partid').value='4';" href="javascript:void(0)">

        <area shape="poly" coords="472,461, 494,469, 521,493, 521,529, 508,549, 461,567, 395,572, 365,566, 393,516, 418,507, 445,498, 466,481" style="background-color: #ADD8E6;" target="_self" alt="<?php echo $fives; ?>" title="<?php echo $fives; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fives; ?>';document.getElementById('partid').value='5';" href="javascript:void(0)">



        <area shape="poly" coords="120,215, 192,243, 200,306, 283,420, 263,455, 225,435, 157,421, 164,395, 164,360, 142,317, 113,282" target="_self" alt="<?php echo $sevens; ?>" title="<?php echo $sevens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $sevens; ?>';document.getElementById('partid').value='7';" href="javascript:void(0)">

        <area shape="poly" coords="113,284, 153,331, 164,364, 162,402, 158,423, 158,451, 83,402, 79,384, 99,324, 109,296" target="_self" alt="<?php echo $eights; ?>" title="<?php echo $eights; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $eights; ?>';document.getElementById('partid').value='8';" href="javascript:void(0)">

        <area shape="poly" coords="173,468, 235,523, 309,560, 380,575, 373,596, 289,576, 226,537, 188,494, 167,478" target="_self" alt="<?php echo $tens; ?>" title="<?php echo $tens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $tens; ?>';document.getElementById('partid').value='10';" href="javascript:void(0)">

        <area shape="poly" coords="383,575, 449,575, 500,559, 523,535, 527,556, 513,577, 460,597, 404,601, 378,596" target="_self" alt="<?php echo $elevens; ?>" title="<?php echo $elevens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $elevens; ?>';document.getElementById('partid').value='11';" href="javascript:void(0)">



        <!-- RIGHT IMAGE -->

        <area shape="poly" coords="631,177, 670,166, 781,173, 678,199, 765,212, 682,206, 639,214, 629,188" target="_self" alt="<?php echo $ones; ?>" title="<?php echo $ones; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $ones; ?>';document.getElementById('partid').value='1';" href="javascript:void(0)">

        <area shape="poly" coords="859,413, 924,459, 929,484, 849,457, 795,438, 819,420" id='12' target="_self" alt="<?php echo $twelves; ?>" title="<?php echo $twelves; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $twelves; ?>';document.getElementById('partid').value='12';" href="javascript:void(0)">

        <area shape="poly" coords="860,387, 893,424, 980,464, 1008,472, 1028,488, 1034,511, 1033,533, 1020,546, 1016,545, 1015,511, 1002,490, 954,470, 898,433, 860,409" target="_self" alt="<?php echo $thirteens; ?>" title="<?php echo $thirteens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $thirteens; ?>';document.getElementById('partid').value='13';" href="javascript:void(0)">

        <area shape="poly" coords="815,498, 982,546, 1021,550, 1025,577, 968,579, 810,530" target="_self" alt="<?php echo $fourteens; ?>" title="<?php echo $fourteens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fourteens; ?>';document.getElementById('partid').value='14';" href="javascript:void(0)">

        <area shape="poly" coords="615,368, 637,363, 708,393, 771,431, 896,472, 987,514, 1011,532, 1011,541, 896,519, 814,489, 721,431, 645,384, 615,369" target="_self" alt="<?php echo $fifteens; ?>" title="<?php echo $fifteens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fifteens; ?>';document.getElementById('partid').value='15';" href="javascript:void(0)">

        <area shape="poly" coords="612,394, 746,475, 812,509, 809,529, 774,513, 771,501, 691,454, 682,474, 591,422, 592,373, 603,366" target="_self" alt="<?php echo $sixteens; ?>" title="<?php echo $sixteens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $sixteens; ?>';document.getElementById('partid').value='16';" href="javascript:void(0)">

        <area shape="poly" coords="631,298, 658,301, 709,358, 710,385, 649,354, 624,353, 611,359,615,232" target="_self" alt="<?php echo $eighteens; ?>" title="<?php echo $eighteens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $eighteens; ?>';document.getElementById('partid').value='18';" href="javascript:void(0)">

        <area shape="poly" coords="637,214, 684,206, 764,213, 767,282, 784,340, 833,398, 848,405, 857,413, 808,424, 794,439, 709,384, 708,358, 661,301, 630,297, 634,245, 631,221" target="_self" alt="<?php echo $nineteens; ?>" title="<?php echo $nineteens; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $nineteens; ?>';document.getElementById('partid').value='19';" href="javascript:void(0)">



        <!-- <area target="_self" alt="<?php echo $twos; ?>" title="<?php echo $twos; ?>"  coords="286,177,292,239,286,288,318,338,344,383,324,392,264,306,255,296,252,248,245,211,236,201,256,184" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $twos; ?>')" href="javascript:void(0)">

     <area target="_self" alt="<?php echo $fours; ?>" title="<?php echo $fours; ?>" coords="331,393,349,383,380,422,466,459,454,490,397,509,380,532,365,564,263,530,211,493,170,457,161,449,161,421,219,433,264,455,291,478,345,431" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $fours; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $fives; ?>" title="<?php echo $fives; ?>"  coords="370,565,398,509,455,491,472,461,507,476,517,494,517,530,496,555,438,570,407,568" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $fives; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $fives; ?>" title="<?php echo $fives; ?>"  coords="121,213,191,244,202,310,285,414,262,451,202,429,156,419,161,339,123,298,112,277" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $sevens; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $sevens; ?>" title="<?php echo $sevens; ?>"  coords="81,395,90,342,112,284,153,330,159,353,156,416,155,449,99,412" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $eights; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $eights; ?>" title="<?php echo $eights; ?>"  coords="75,405,79,445,128,483,153,493,163,480,181,488,244,547,335,586,408,601,485,589,508,577,527,556,523,536,505,553,473,569,433,572,379,572,339,567,277,545" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $nines; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $tens; ?>" title="<?php echo $tens; ?>"  coords="180,495,169,577,201,586,201,512" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $tens; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $twelves; ?>" title="<?php echo $twelves; ?>"  coords="798,439,882,466,941,486,987,512,1010,527,1003,496,968,476,904,449,865,421,853,407,811,417" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $twelves; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $thirteens; ?>" title="<?php echo $thirteens; ?>"  coords="1026,412,996,490,1015,523,1076,435" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $thirteens; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $ones; ?>" title="<?php echo $ones; ?>"  coords="115,185,115,210,189,240,189,189,229,200,270,174,265,168,199,164,173,161,125,173" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $ones; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $fourteens; ?>" title="<?php echo $fourteens; ?>"  coords="1005,558,920,544,802,507,730,463,677,430,616,396,620,384,679,418,753,465,857,511" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $fourteens; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $fifteens; ?>" title="<?php echo $fifteens; ?>"  coords="797,479,719,430,636,376,618,369,644,363,698,387,745,413,811,445,912,475,976,510,1009,532,986,537,914,523,870,510" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $fifteens; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $sixteens; ?>" title="<?php echo $sixteens; ?>"  coords="729,468,698,570,750,582,765,489" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $sixteens; ?>')" href="javascript:void(0)">

   <area target="_self" alt="<?php echo $nineteens; ?>" title="<?php echo $nineteens; ?>"  coords="633,215,629,295,661,303,705,344,708,380,744,407,795,434,846,406,791,346,765,291,764,243,761,208,668,205" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $nineteens; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $eighteens; ?>" title="<?php echo $eighteens; ?>"  coords="628,301,614,355,644,354,683,366,707,379,700,340,661,302,642,299,653,300" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $eighteens; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $ones; ?>" title="<?php echo $ones; ?>"  coords="647,171,654,186,636,208,703,201,765,205,781,173,723,164" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $ones; ?>')" href="javascript:void(0)">

    <area target="_self" alt="<?php echo $sixs; ?>" title="<?php echo $sixs; ?>" coords="18,192,14,239,114,259,114,218" shape="poly" onclick="setInputVal('descriptionpartvalue', '<?php echo $sixs; ?>')" href="javascript:void(0)"> -->

    </map>



<?php } ?>





<?php if ($idarticletype == "2") { ?>

    <?php include('languages/it/glovesnamepart.php'); ?>





    <div style="position:relative;width:1153px;height:684px;">

        <img src="../images/glove.png" usemap="#map" width="1042" height="596">

        <?php if (in_array(1, $partids)) { ?><div id="1" style="position:absolute;left:60px;top:230px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $oneg; ?>';document.getElementById('partid').value='1';" href="javascript:void(0)"></div><?php } ?>

        <?php if (in_array(2, $partids)) { ?><div id="2" style="position:absolute;left:970px;top:320px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $twog; ?>';document.getElementById('partid').value='2';" href="javascript:void(0)"></div><?php } ?>

        <?php if (in_array(3, $partids)) { ?><div id="3" style="position:absolute;left:660px;top:280px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $threeg; ?>';document.getElementById('partid').value='3';" href="javascript:void(0)"></div><?php } ?>

        <?php if (in_array(4, $partids)) { ?><div id="4" style="position:absolute;left:585px;top:440px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fourg; ?>';document.getElementById('partid').value='4';" href="javascript:void(0)"></div><?php } ?>

    </div>

    <map name="map">

        <area shape="rect" coords="49,222,148,293" target="_self" alt="<?php echo $oneg; ?>" title="<?php echo $oneg; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $oneg; ?>';document.getElementById('partid').value='1';" href="javascript:void(0)">

        <area shape="rect" coords="1031,320,930,384" target="_self" alt="<?php echo $twog; ?>" title="<?php echo $twog; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $twog; ?>';document.getElementById('partid').value='2';" href="javascript:void(0)">

        <area shape="rect" coords="644,260,837,349" target="_self" alt="<?php echo $threeg; ?>" title="<?php echo $threeg; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $threeg; ?>';document.getElementById('partid').value='3';" href="javascript:void(0)">

        <area shape="rect" coords="518,445,776,520" target="_self" alt="<?php echo $fourg; ?>" title="<?php echo $fourg; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fourg; ?>';document.getElementById('partid').value='4';" href="javascript:void(0)">

    </map>

<?php } ?>

<?php if ($idarticletype == "3") { ?>

    <?php include('languages/it/semimask.php'); ?>

    <div style="position:relative;width:889px;height:799px;">

        <img src="../images/semimask.png" usemap="#map" width="889" height="799">

        <?php if (in_array(1, $partids)) { ?><div id="1" style="position:absolute;left:710px;top:30px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $onem; ?>';document.getElementById('partid').value='1';" href="javascript:void(0)"></div><?php } ?>

        <?php if (in_array(2, $partids)) { ?><div id="2" style="position:absolute;left:705px;top:170px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $twom; ?>';document.getElementById('partid').value='2';" href="javascript:void(0)"></div><?php } ?>

        <?php if (in_array(3, $partids)) { ?><div id="3" style="position:absolute;left:685px;top:570px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $threem; ?>';document.getElementById('partid').value='3';" href="javascript:void(0)"></div><?php } ?>

        <?php if (in_array(4, $partids)) { ?><div id="4" style="position:absolute;left:220px;top:55px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fourm; ?>';document.getElementById('partid').value='4';" href="javascript:void(0)"></div><?php } ?>

        <?php if (in_array(5, $partids)) { ?><div id="5" style="position:absolute;left:40px;top:500px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fivem; ?>';document.getElementById('partid').value='5';" href="javascript:void(0)"></div><?php } ?>

        <?php if (in_array(6, $partids)) { ?><div id="6" style="position:absolute;left:70px;top:630px;width:60px;height:60px;background-color:yellow;opacity:0.4;" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $sixm; ?>';document.getElementById('partid').value='6';" href="javascript:void(0)"></div><?php } ?>

    </div>

    <map name="map">

        <!-- #$-:Image map file created by GIMP Image Map plug-in -->

        <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->

        <!-- #$-:Please do not edit lines starting with "#$" -->

        <!-- #$VERSION:2.3 -->

        <!-- #$AUTHOR:info -->

        <area shape="rect" coords="418,33,852,86" alt="<?php echo $onem; ?>" title="<?php echo $onem; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $onem; ?>';document.getElementById('partid').value='1';" href="javascript:void(0)" />

        <area shape="rect" coords="624,190,848,247" alt="<?php echo $twom; ?>" title="<?php echo $twom; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $twom; ?>';document.getElementById('partid').value='2';" href="javascript:void(0)" />

        <area shape="rect" coords="664,490,824,701" alt="<?php echo $threem; ?>" title="<?php echo $threem; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $threem; ?>';document.getElementById('partid').value='3';" href="javascript:void(0)" />

        <area shape="poly" coords="233,64,237,117,418,119,419,92,397,71,232,65,234,66" alt="<?php echo $fourm; ?>" title="<?php echo $fourm; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fourm; ?>';document.getElementById('partid').value='4';" href="javascript:void(0)" />

        <area shape="rect" coords="55,559,264,620" alt="<?php echo $fivem; ?>" title="<?php echo $fivem; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $fivem; ?>';document.getElementById('partid').value='5';" href="javascript:void(0)" />

        <area shape="rect" coords="90,702,641,775" alt="<?php echo $sixm; ?>" title="<?php echo $sixm; ?>" onclick="document.getElementById('descriptionpartvalue').value='<?php echo $sixm; ?>';document.getElementById('partid').value='6';" href="javascript:void(0)" />

    </map>

<?php } ?>