Question: I want a program that parses a XML-file, build a structure with the tags I need and finally print a HTML-report using HTML-templates with keywords that get replaced by the data from the XML files.
Since I'm not(yet) really into the OO programming I hoped to get some tips and advices how to structure a program like this.
I thought that two classes should be enough. A parser class and a data class.
the first one to go through the XML-file and report every tag I want to store to a data object which stores all the tags in a hierarchical order. After that I want to call a print function which prints everything as HTML-report.

1. I'm not sure how to report the tags to the data object
2. Could I store the tags in one object which stores a tree of structs or would it be better to store each tag in a separate object?

Any help would be greatly appreciated!

Answer: 
Use the JQuery selectors to get all the images in the page:

```
$('img').adipoli({
        'startEffect': 'overlay',
        'hoverEffect': 'sliceDown'

```

});
ID must be unique first of all that's why it's only taking effect on first element with that id so instead of that try this 

```
$('.adipoli-wrapper img').adipoli({
            'startEffect': 'overlay',
            'hoverEffect': 'sliceDown'
}); 

```

it will take effect on all image tag in span that has class adipoli-wrapper or give your image tag a unique class and use this

```
 $('.YourClassName').adipoli({
                'startEffect': 'overlay',
                'hoverEffect': 'sliceDown'
 }); 

```