/* 
 * template.js
 *
 * Some simple templating.. for formatting json data.
 */


Templates = {
    getTemplate:function ( tpl ) {
        switch ( tpl ) {
            case 'mosaic-thumb-box':
                return '<div class="mosaicThumb mosaicItem" id="box_%idx%"> \
                        <div class="loader"> \
                            <img src="/assets/images/overlay_spinner.gif" /> \
                            <br />Laden..\
                        </div> \
                        <div class="thumb" style="display:none;"> \
                            <img src="" title="%title%" alt="%title%" file_id="%file_id%"/> \
                        </div> \
                        </div>';
            break;
            case 'grid-thumb-box':
                return '<div class="mosaicItem large-thumb" id="box_%idx%" file_id=%%file_id%" idx="%idx%" title="%title%">\n \
                            <div class="loader"> \
                                <img src="/assets/images/overlay_spinner.gif" /> \
                                <br />Laden..\
                            </div> \
                            <div class="thumb" style="display:none;"> \
                                <img src="" title="%title%" alt="%title%" file_id="%file_id%"/> \
                            </div> \
                        </div>';
            break;

            case 'homepage-cover':
                return '<li class="thumb">\n \
                            <em gallery="%alias%">%album%</em>\n \
                            <img src="%path%/%thumb_prefix%%file%" class="thumbnail-img" gallery="%alias%" title="%album%" alt="%album%">\n \
                        </li>\n';
            break;
            case 'viewalbum-grid-item':
                return '<div class="mosaicItem" style="height: 80px; width: 80px; background:url(%path%/%thumb_prefix%%filename%) no-repeat scroll 30% 30% transparent;" id="box_%idx%" file_id=%%file_id%" idx="%idx%" title="%title%">\n \
                        </div>';
            break;
            case 'viewalbum-grid-item-large':
                return '<div class="mosaicItem" id="box_%idx%" file_id=%%file_id%" idx="%idx%" title="%title%">\n \
                            <img src="%path%/%thumb_prefix%%filename%" /> \n \
                        </div>';
            break;
            case 'viewalbum-grid-item-old':
                return '<div class="mosaicItem" style="height: 80px; width: 80px; overflow: hidden;" id="box_%idx%">\n \
                            <img file_id="%file_id%" idx="%idx%" src="%path%/%thumb_prefix%%filename%" class="mosaicThumbImg" title="%title%">\n \
                        </div>';
            break;
            case 'basket-row':
                return '<tr id="basket_row_%file_id%">\n \
                            <td width="20%"><img src="%path%/%thumb_prefix%%filename%" class="thumbnail-img" title="%title%" alt="%title%"></td>\n \
                            <td width="50%">%name%</td>\n \
                            <td width="15%">%format%</td>\n \
                            <td><input type="text" value="%qty%" size="3" class="basketQuantityField" file_id="%file_id%" rowid="%rowid%" /> <img src="' + settings.base_address + 'assets/images/icons/cross.png" alt="Verwijderen" title="Verwijderen" class="deleteBtn" rowid="%rowid%" file_id="%file_id%" /></td>\n \
                        </tr>\n';
            break;
            case 'basket-container':
                return '<table border="0px" cellpadding="2px" cellspacing="2px" width="100%" id="myalbumstable">\n \
                            <tbody>\n \
                                %items%\n \
                            </tbody>\n \
                        </table>\n';
            break;

            case 'share-row':
                return '<tr id="share_row_%file_id%">\n \
                            <td width="20%"><img src="%path%/%thumb_prefix%%filename%" class="thumbnail-img" title="%title%" alt="%title%"></td>\n \
                            <td width="70%">%name%</td>\n \
                            <td><a href="#" file_id="%file_id%" class="unshareItem">Verwijderen</a></td>\n \
                        </tr>\n';
            break;
            case 'share-container':
                return '<table border="0px" cellpadding="2px" cellspacing="2px" width="100%" id="myalbumstable">\n \
                            <tbody>\n \
                                %items%\n \
                            </tbody>\n \
                        </table>\n';
            break;

            case 'portfolio-photo':
                return '\n<li class="bg-img"><div class="bg-img-overlay" id="overlay_%idx%"></div><img src="%path%/%filename%" file_id="%file_id%" id="image_%idx%" height="%height%" width="%width%" idx="%idx%" org_height="%org_height%" org_width="%org_width%" class="imageDetail" /></li>';
            break;

            case 'portfolio-container':
                return '<div class="images" style="width: %width%px;" id="imagesContainer">\n \
                            <ul style="left:-%offset%px" id="offsetContainer">%items%</ul>\n \
                        </div>\n';
            break;
            case 'portfolio-thumb':
                return '<li class="thumb" id="thumb%idx%" idx="%idx%"><img src="%path%/%thumb_prefix%%filename%" class="thumbnail-img" idx="%idx%" alt="%title%" id="timg_%idx%" /></li>\n';
            break;
        }
    }
};