{* component Hotlist *}
{script}
{if $authorized || $userInList}
    {literal}

    $("#add_to_list").click(function(){
        hotListFloatBox = OW.ajaxFloatBox("HOTLIST_CMP_Floatbox", {} , {width:380, iconClass: "ow_ic_heart", title: "{/literal}{if $userInList}{text key="hotlist+floatbox_header_remove_from_list"}{else}{text key="hotlist+floatbox_header"}{/if}{literal}"});
    });

    {/literal}

{else}
    {literal}

    $("#add_to_list").click(function(){
    OW.authorizationLimitedFloatbox('{/literal}{$authMsg}{literal}');
    });

    {/literal}
{/if}

{if $userInList}
    {literal}
        $(".hotlist").hover(
        function () {
            $('.hotlist_footer').css('visibility', 'visible');
        },
        function () {
            $('.hotlist_footer').css('visibility', 'hidden');
        }
        );
    {/literal}
{/if}
{/script}

<div class="hotlist ow_center" style="height: auto;">
{if $userList}
	<div class="users_slideshow ow_std_margin ow_automargin clearfix" style="height: 100%; width: 100%;">
	{foreach from=$userList item='user' name='userList'}
		{if $smarty.foreach.userList.first}<div class="hot_list_normal_item ow_lp_avatars" style="display: {if $count > $number_of_users}none{else}block{/if};">{/if}
			<div class="ow_avatar">
                {if !empty($user.isMarked)}<div class="ow_ic_bookmark ow_bookmark_icon"></div>{/if}
                <a class="ow_item_set{$number_of_users}" href="{$user.url}" target="_blank"><img title="{$user.displayName}<br/>{$user.sex}, {$user.age}<br/>{$user.googlemap_location}" src="{$user.avatarUrl}" alt="{$user.displayName}" style="max-width: 100%" /></a>
            </div>
		{if $smarty.foreach.userList.iteration % ( $number_of_users * $number_of_rows ) == 0 && !$smarty.foreach.userList.last}</div><div class="hot_list_normal_item ow_lp_avatars" style="display: none;">{/if}
		{if $smarty.foreach.userList.last}</div>{/if}
	{/foreach}
	</div>
{else}
    <div class="ow_nocontent">{text key="hotlist+label_no_users"}</div>
{/if}
    <div class="ow_center hotlist_footer" {if $userInList}style="visibility: hidden;"{/if}><a href="javascript://" id="add_to_list">{if $userInList}{text key="hotlist+remove_from_hot_list"}{else}{text key="hotlist+are_you_hot_too"}{/if}</a></div>
</div>
