
<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="country-element"
                 attributes="label menfifteen womenfifteen mentwenty womentwenty mentwentyfive womentwentyfive menthirty womenthirty menthirtyfive womenthirtyfive menfourty womenfourty menfourtyfive womenfourtyfive menfifty womenfifty menfiftyfive womenfiftyfive mensixty womensixty">
    <template>
        <!--<div class="country-label">{{label}}</div>-->
        <isotype-element id="menfifteen" value="{{menfifteen}}" label="15-19" src="../images/manicon.png"></isotype-element>
        <isotype-element id="womenfifteen" value="{{womenfifteen}}" label="" src="../images/womanicon.png"></isotype-element>
        <isotype-element id="mentwenty" value="{{mentwenty}}" label="20-24" src="../images/manicon.png"></isotype-element>
		<isotype-element id="womentwenty" value="{{womentwenty}}" label="" src="../images/womanicon.png"></isotype-element>
        <isotype-element id="mentwentyfive" value="{{mentwentyfive}}" label="25-29" src="../images/manicon.png"></isotype-element>
        <isotype-element id="womentwentyfive" value="{{womentwentyfive}}" label="" src="../images/womanicon.png"></isotype-element>
		<isotype-element id="menthirty" value="{{menthirty}}" label="30-34" src="../images/manicon.png"></isotype-element>
        <isotype-element id="womenthirty" value="{{womenthirty}}" label="" src="../images/womanicon.png"></isotype-element>
        <isotype-element id="menthirtyfive" value="{{menthirtyfive}}" label="35-39" src="../images/manicon.png"></isotype-element>
		<isotype-element id="womenthirtyfive" value="{{womenthirtyfive}}" label="" src="../images/womanicon.png"></isotype-element>
		<isotype-element id="menfourty" value="{{menfourty}}" label="40-44" src="../images/manicon.png"></isotype-element>
		<isotype-element id="womenfourty" value="{{womenfourty}}" label="" src="../images/womanicon.png"></isotype-element>
		<isotype-element id="menfourtyfive" value="{{menfourtyfive}}" label="45-49" src="../images/manicon.png"></isotype-element>
		<isotype-element id="womenfourtyfive" value="{{womenfourtyfive}}" label="" src="../images/womanicon.png"></isotype-element>
		<isotype-element id="menfifty" value="{{menfifty}}" label="50-54" src="../images/manicon.png"></isotype-element>
		<isotype-element id="womenfifty" value="{{womenfifty}}" label="" src="../images/womanicon.png"></isotype-element>
		<isotype-element id="menfiftyfive" value="{{menfiftyfive}}" label="55-59" src="../images/manicon.png"></isotype-element>
		<isotype-element id="womenfiftyfive" value="{{womenfiftyfive}}" label="" src="../images/womanicon.png"></isotype-element>
		<isotype-element id="mensixty" value="{{mensixty}}" label="60-64" src="../images/manicon.png"></isotype-element>
		<isotype-element id="womensixty" value="{{womensixty}}" label="" src="../images/womanicon.png"></isotype-element>
    </template>
    <style>
        .country-label {
            font-size: 1.1em;
            font-weight: normal;
            margin: 1em 0 0.2em 0;
        }
    </style>
    <script>
        Polymer('country-element', {
            label: '',
			menfifteen: 0,
			womenfifteen: 0,
            mentwenty: 0,
            womentwenty: 0,
            mentwentyfive: 0,
			womentwentyfive: 0,
			menthirty: 0,
			womenthirty: 0,
			menthirtyfive:0,
			womenthirtyfive:0,
			menfourty:0,
			womenfourty:0,
			menfourtyfive:0,
			womenfourtyfive:0,
			menfifty:0,
			womenfifty:0,
			menfiftyfive:0,
			womenfiftyfive:0,
			mensixty:0,
			womensixty:0
        });
    </script>
</polymer-element>
