var Templates = {

    'Player': {
        'video':
            '<div class="video-js-box vim-css" style="background: #000">' +
                '<video id="video-player" class="video-js" width="{width}" height="{height}" controls="controls" preload="auto" poster="{poster}">' +
                    '<source src="{file}.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'/>' +
                    '<source src="{file}.ogg" type=\'video/ogg; codecs="theora, vorbis"\'/>' +
                    '<object id="video-player-flash" class="vjs-flash-fallback" width="404" height="280" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">' +
                        '<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"/>' +
                        '<param name="allowfullscreen" value="true"/>' +
                        '<param name="flashvars" value=\'config={"playlist":["{flashPoster}", {"url": "{file}.mp4","autoPlay":false,"autoBuffering":true}]}\'/>' +
                        '<img src="{poster}" width="{width}" height="{height}" alt="" title="No video playback capabilities."/>' +
                    '</object>' +
                '</video>' +
            '</div>',

        'audio':
            '<object type="application/x-shockwave-flash" height="14" width="150" data="/flash/audio-player.swf" id="{id}">' +
                '<param name="movie" value="/flash/audio-player.swf" />' +
                '<param name="FlashVars" value="autostart=yes&amp;playerID={id}&amp;rightbghover=0x85A324&amp;lefticon=0x000000&amp;leftbg=0xC8F43B&amp;rightbg=0x85A324&amp;righticon=0x000000&amp;soundFile=/adfiles/{file}" />' +
                '<param name="quality" value="high" />' +
                '<param name="menu" value="false" />' +
                '<param name="wmode" value="transparent" />' +
            '</object>'
    },

    'ImageMaker': {
        'area':
            '<div class="square"></div>' +
            '<select class="types">' +
                '<option value="ad">Ad</option>' +
                '<option value="news">News</option>' +
                '<option value="classified">Classified</option>' +
            '<select/>'
    },

    'Login': {
        'recovery':
            '<div class="b-recover-password">' +
                '<form id="data" method="post" action="">' +
                    '<div class="label">Please enter your email address</div>' +
                    '<div class="textbox"><input type="text" name="email" class="g-text" /></div>' +
                    '<div class="button">' +
                        '<input type="button" id="recover" value="Recover" class="g-button" />' +
                    '</div>' +
                '</form>' +
            '</div>',

        'form':
            '<div class="b-login">' +
                '<form id="data" method="post" action="">' +
                '<div class="fields">' +
                    '<div class="label">Username</div>' +
                    '<div class="textbox">' +
                        '<input type="text" name="login" class="g-text" />' +
                    '</div>' +
                    '<div class="label">Password</div>' +
                    '<div class="textbox">' +
                        '<input type="password" name="password" class="g-text" />' +
                    '</div>' +
                    '<div class="forgot" id="forgot">Forgot your password?</div>' +
                    '<div class="remember">' +
                        '<label><input type="checkbox" value="1" name="remember" /> Remember my username</label>' +
                    '</div>' +
                '</div>'+
                '<div class="choice">' +
                    '<div class="label">Select your service</div>' +
                    '<ul>' +
                        '<li><label><input type="radio" value="1" checked="checked" name="service" /> AdMinister Client Centre</label></li>' +
                        '<li><label><input type="radio" value="3" name="service" /> Flyer Analyzer Client Centre</label></li>' +
                        '<li><label><input type="radio" value="2" name="service" /> AdMinister Data Centre</label></li>' +
                        '<li><label><input type="radio" value="4" name="service" /> Flyer Analyzer Data Centre</label></li>' +
                    '</ul>' +
                    '<div class="button">' +
                        '<input type="hidden" name="ref" value="{ref}" />' +
                        '<input type="button" id="login" value="Log in" class="g-button" />' +
                    '</div>' +
                '</div>' +
                '</form>' +
            '</div>'
    },

    'Common': {
        'message':
          '<div class="b-msg">{msg}</div>'
    },

    'Popups': {
        'Fa': {
            'preview':
                '<div class="b-front-popup">' +
                    '<div class="desc">' +
                        '<div class="sub">Product</div>' +
                        '<div class="name">{product}</div>' +
                    '</div>' +
                    '<div class="media">' +
                        '<a href="{image}" target="_blank">' +
                            '<img src="{image}" width="300" alt="Flyer" />' +
                        '</a>' +
                    '</div>' +
                    '<div class="find-more">' +
                        '<input type="button" class="g-medium-button go" value="Find out more" />' +
                    '</div>' +
                '</div>'
        },

        'Radio': {
            'preview':
                '<div class="b-front-popup">' +
                    '<div class="desc">' +
                        '<div class="sub">Advertiser</div>' +
                        '<div class="name">{company}</div>' +
                        '<div class="sub marg">Description</div>' +
                        '<div class="name">{description}</div>' +
                    '</div>' +
                    '<div class="media">' +
                        '<img src="/template/adease/rt-large.png" width="450" alt="Radio" />' +
                        '<div class="rt-file">' +
                            '<object type="application/x-shockwave-flash" height="30" width="350" data="/flash/audio-player.swf" id="frontradioplayer">' +
                                '<param name="movie" value="/flash/audio-player.swf">' +
                                '<param name="FlashVars" value="playerID=frontradioplayer&amp;rightbghover=0x85A324&amp;lefticon=0x000000&amp;leftbg=0xC8F43B&amp;rightbg=0x85A324&amp;righticon=0x000000&amp;soundFile=http://adeasemediaresearch.com/adfiles/{file}">' +
                                '<param name="quality" value="high">' +
                                '<param name="menu" value="false">' +
                                '<param name="wmode" value="transparent">' +
                            '</object>' +
                        '</div>' +
                    '</div>' +
                    '<div class="find-more">' +
                        '<input type="button" class="g-medium-button go" value="Find out more" />' +
                    '</div>' +
                '</div>'
        },

        'TV': {
            'preview':
                '<div class="b-front-popup">' +
                    '<div class="desc">' +
                        '<div class="sub">Advertiser</div>' +
                        '<div class="name">{company}</div>' +
                        '<div class="sub marg">Description</div>' +
                        '<div class="name">{description}</div>' +
                    '</div>' +
                    '<div class="media">' +
                        '<div class="tt-file">' +
                            '<div class="video-js-box vim-css" style="background: #000">' +
                                '<video id="video-player" class="video-js" width="{width}" height="{height}" controls="controls" preload="auto" poster="{poster}">' +
                                    '<source src="{file}.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'/>' +
                                    '<source src="{file}.ogg" type=\'video/ogg; codecs="theora, vorbis"\'/>' +
                                    '<object id="video-player-flash" class="vjs-flash-fallback" width="404" height="280" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">' +
                                        '<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"/>' +
                                        '<param name="allowfullscreen" value="true"/>' +
                                        '<param name="flashvars" value=\'config={"playlist":["{flashPoster}", {"url": "{file}.mp4","autoPlay":false,"autoBuffering":true}]}\'/>' +
                                        '<img src="{poster}" width="{width}" height="{height}" alt="" title="No video playback capabilities."/>' +
                                    '</object>' +
                                '</video>' +
                            '</div>' +
                        '</div>' +
                    '</div>' +
                    '<div class="find-more {cssClass}">' +
                        '<input type="button" class="g-medium-button go" value="Find out more" />' +
                    '</div>' +
                '</div>'
        }
    }

};

String.prototype.templatize = function(params) {
    var str = this;

    for (var property in params) {
        str = str.replace(new RegExp("{" + property + "}", "g"), params[property]);
    }

    return str;
};