var $jq = jQuery.noConflict();
$jq( document ).ready(function() {
    console.log( "ready!" );
    var b = $jq("body"); 
    b.css("margin-top", "0px");
    b.css("margin-left", "0px");
    b.css("margin-right", "0px");
    b.css("margin-bottom", "0px");
    $jq(".modal").css("width","auto"); 
    
    $jq('input').each(function(){
      var self = $jq(this),
        label = self.next(),
        label_text = label.text();

      label.remove();
      self.iCheck({
        checkboxClass: 'icheckbox_line-purple',
        radioClass: 'iradio_line-purple',
        insert: '<div class="icheck_line-icon"></div>' + label_text
      });
    });
    //fisso i bottoni  ad una certa larghezza
    $jq( "div[class^='icheckbox_line']" ).css( "max-width", "200px" );
    // sposto i bottoni in alto a dx ma relativamente al loro container
    $jq('ul').css({ 
      position: "absolute",
      marginLeft: 0, marginTop: 0,
      top: 0, left: 0
    });
    //aggiungo l'on clicked alle checkbox
    $jq('input').on('ifChecked', function(event){
        $jq('body').append( $jq('<img id="poiz" src="asset/ic4.png" style="position:absolute;left:588px;top:455px;z-index: 16; display: block;visibility: visible;"/>') .click(function(){ // handle click
          $jq("#poi_1").modal();
 
        }) );
    });

    $jq('input').on('ifUnchecked', function(event){
      $jq('#poiz').remove();
    });
  
     
});