Added friends generator

<script type="text/javascript"> /*Friends generator script by Rieno*/
var friends = []; /*Type all your friends here in quotation, seperated by comma, for example friends = ["Friend 1", "Friend 2", "Friend 3"]*/
var nlove = "loves name here"; /*Name of your love goes here*/

function genFriends(s){
    this.template = '';
    this.style = {
        scale: (s.scale ? s.scale : "1"),
        spacing: (s.spacing ? s.spacing : "5"),
        radius: (s.radius ? s.radius : "0px"),
    }

    friends.forEach(function(val, ind, arr){
        this.tmpStyle = `width: calc(160px * `+this.style.scale+`); height: calc(220px * `+this.style.scale+`); float: left; border-radius: `+this.style.radius+`; margin-left: `+this.style.spacing+`; margin-right: `+this.style.spacing+`; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url(http://www.imvu.com/catalog/web_av_pic.php?av=`+val+`);`;

        this.template = this.template + `<div style="`+this.tmpStyle+`"></div>`
    });

    this.init = function(){
        $(s.id).append(this.template);
        $(s.love).append(`<br /><center><img src="http://www.imvu.com/catalog/web_av_pic.php?av=`+nlove+`" /></center>`);
    }
}

genFriends({
    id: "#friends",
    love: "#love",
}).init();
</script>

<style type="text/css">
    #video_panel_body, #video_panel, #imvuContent, #leftColumn {width: 800px !important;}#video_panel_header,#rightColumn {display: none;}
    .box{overflow: auto;position: absolute;text-align: center;}
    #layout-container{font-size: 11px;font-family: 'Century Gothic',sans-serif;width: 800px;height: 800px;color: #fff;}
    area,map{cursor:pointer;outline:0;}
    #layoutimg{position: absolute;}
    #content_container{display: none !important;}
    #avipic{margin-left: 64px;margin-top: 58px;width: 160px;height: 220px;position: absolute;}
    #frame1{margin-left: 257px;margin-top: 173px;width: 432px;height: 287px;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
    /* jquery change frame function by gaf210 */
    var btree={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=btree._utf8_decode(t);return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}};function changeframe(choice,id){if($("#layoutimg").attr("src")==btree.decode("aHR0cDovL3VzZXJpbWFnZXMtYWttLmltdnUuY29tL3VzZXJkYXRhLzAyLzg5LzcwLzc4L3VzZXJwaWNzL1NuYXBfeFE3UGtBUjZ5ZDE4MzQwNTgxNTgucG5n")){$('#'+id).fadeOut('fast',function(){$('#'+id).html($('#'+choice).html());$('#'+id).fadeIn('fast');});}}
</script><!-- Layout coding by gaf210 - custom made for darkbeatz - Please don't copy without permission -->

<div id="content_container">
    <div id="about">Welcome to my homepage, thank you for stopping by... Um well there's not much I can say about me but I'm a 24 year old male, 6'3" tall. Also not to mention that I have many interests and hobbies I would like to share such as Gaming, chilling with friends and my loved ones, going to the gym and/or working out at home, I love to cook, and I love to snowboard and skateboard on my free time but I'm mostly on IMVU. I do work as a Manager at a local sports store called SportsChek. I have an amazing girl by my side will always love her and care for her as she would to me. I am very protective over the ones I love and friends, I wont let no one get hurt. For my spiritual beliefs I am an Athiest. Thank you :)</div>

    <div id="friends">To all my friends, Love yahs and Thank you for all your support thru-out my life. :)</div>

    <div id="love">Meeting you was definitely the best day of my life, couldn't imagine meeting anyone better. We went from meeting each other to Friends to Best friends to Boyfriend and Girlfriend. I never thought I'd meet my perfect girl but here you are. I remember the day I told you I liked you and wanted to be with you because I thought you'd be my perfect girl and I was right I found my perfect girl. I can honestly say that you are the love of my life and I never want that to change. Falling asleep together and waking up to your presents puts a smile on my face instantly, hearing from you at anytime keeps a smile on my face even when I'm upset or mad you keep me smiling baby. I'm so glad that I have you and that I can call you mine. I feel like I'm the luckiest guy in the world having you by my side. I don't know what I'd do without you, you are my heart and soul. I love you so much more then anything in the whole entire world forever and always baby &lt3</div>

    <div id="support">MY SUPPORT IS MY GIRLFRIEND, FAMILY AND FRIEND!</div>
</div>

<div id="layout-container">
    <img src="http://userimages-akm.imvu.com/userdata/02/89/70/78/userpics/Snap_xQ7PkAR6yd1834058158.png" border="0" usemap="#map" id="layoutimg" />
    <map name="map">
        <area shape="rect" coords="54,313,225,355" href="javascript:void(0);" onclick="IMVU.messagePopupShow({force_recipient_id:155856623})"/>
        <area shape="rect" coords="52,369,223,411" href="http://www.imvu.com/catalog/web_add_contact.php?contact=darkbeatz" target="_blank"/>
        <area shape="rect" coords="255,75,394,116" href="javascript:void(0);" onclick="changeframe('about','frame1');" />
        <area shape="rect" coords="397,76,510,116" href="javascript:void(0);" onclick="changeframe('friends','frame1');" />
        <area shape="rect" coords="515,76,607,115" href="javascript:void(0);" onclick="changeframe('love','frame1');" />
        <area shape="rect" coords="611,76,727,117" href="javascript:void(0);" onclick="changeframe('support','frame1');" />
        <area shape="rect" coords="743,244,757,385" href="http://gaf210.imvustylez.net/codes/customize/coding-shop" target="_blank"/>
        <area shape="rect" coords="762,195,777,431" href="http://www.imvu.com/groups/group/Lick%2BMy%2BLayouts/" target="_blank"/>
    </map>
    <img id="avipic" src="http://www.imvu.com/catalog/web_av_pic.php?u=155856623" border="0"/>
    <div id="frame1" class="box"></div>
    <script type="text/javascript">changeframe('about','frame1');</script>
</div>