<!--
/************************************************************************************\
|                                                                                    |
|   ██╗███╗   ██╗████████╗███████╗██████╗ ███╗   ██╗███████╗████████╗                |
|   ██║████╗  ██║╚══██╔══╝██╔════╝██╔══██╗████╗  ██║██╔════╝╚══██╔══╝                |
|   ██║██╔██╗ ██║   ██║   █████╗  ██████╔╝██╔██╗ ██║█████╗     ██║                   |
|   ██║██║╚██╗██║   ██║   ██╔══╝  ██╔══██╗██║╚██╗██║██╔══╝     ██║                   |
|   ██║██║ ╚████║   ██║   ███████╗██║  ██║██║ ╚████║███████╗   ██║                   |
|   ╚═╝╚═╝  ╚═══╝   ╚═╝   ╚══════╝╚═╝  ╚═╝╚═╝  ╚═══╝╚══════╝   ╚═╝                   |
|                                                                                    |
|   ███╗   ███╗ ██████╗      ██╗███████╗████████╗███████╗██████╗                     |
|   ████╗ ████║██╔═══██╗     ██║██╔════╝╚══██╔══╝██╔════╝██╔══██╗                    |
|   ██╔████╔██║██║   ██║     ██║███████╗   ██║   █████╗  ██████╔╝                    |
|   ██║╚██╔╝██║██║   ██║██   ██║╚════██║   ██║   ██╔══╝  ██╔══██╗                    |
|   ██║ ╚═╝ ██║╚██████╔╝╚█████╔╝███████║   ██║   ███████╗██║  ██║                    |
|   ╚═╝     ╚═╝ ╚═════╝  ╚════╝ ╚══════╝   ╚═╝   ╚══════╝╚═╝  ╚═╝                    |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                  ░▒▓  THE CRADLE OF SLOVENIAN INTERNET SCENE  ▓▒░                  |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                       ⚡ RESTORED WITH LOVE ❤️ IN 2025 BY ⚡                         |
|                           TIMOTEJ • NIKI • ZAN                                     |
|                                                                                    |
|         This forum was THE meeting point for Slovenian webmasters,                 |
|        developers, designers, and internet enthusiasts in the late 2000s.          |
|           A digital gathering place where knowledge was shared,                    |
|              careers were launched, and friendships were forged.                   |
|                                                                                    |
|                 In 2025, with hearts full of nostalgia and joy,                    |
|               we brought it back to life. For the memories. For                    |
|              the community. For the love of the good old days.                     |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                  🏗️  Built with Laravel • Powered by Memories  💾                   |
|                       🌟  Made in Slovenia • 2025  🌟                               |
|                                                                                    |
\************************************************************************************/
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <title>macan77 - Internet Mojster</title>
	<link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style.css?v=1789194527">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-new.css?v=1789194527">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-panel.css?v=1789194527">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-responsive.css?v=1789194527">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-profile-mobile.css?v=1789194527">
    <link rel="stylesheet" href="https://internetmojster.com/styles/subscription.css?v=1789194527">
    <link rel="stylesheet" href="https://internetmojster.com/styles/jobs.css?v=1789194527">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://internetmojster.com/js/scripts.js"></script>
    <script src="https://internetmojster.com/js/mobile.js"></script>

    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KGVKX3ZD');</script>
    <script src="https://internetmojster.com/tinymce/js/tinymce/tinymce.min.js"></script>
    
        </head>
<body class="vz">
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGVKX3ZD"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <div id="container">
        <div id="head">
            <a href="https://internetmojster.com" id="home" title="Domov">&nbsp;</a>
            <ul>
                <li class="">
                    <a href="https://internetmojster.com">Domov</a>
                </li>
                
                <li id="search"><a href="#" data-popup="search">Iskanje</a></li>
                <li class="">
                    <a href="https://internetmojster.com/zaposlitve">Zaposlitve</a>
                </li>
                                                        <li id="register"><a href="https://internetmojster.com/registracija">Registracija</a></li>
                    <li id="login"><a href="https://internetmojster.com/prijava">Prijava</a></li>
                
                            </ul>
            <h1>macan77</h1>
        </div>

        <div class="container">
             <div id="content">
    <div id="forum">

      <!-- Optional: breadcrumb (tweak as needed) -->
      <div class="nav">
        <div class="bc">
          <a href="https://internetmojster.com">Domov</a> &gt;
          <a href="https://internetmojster.com/uporabniki">Seznam članov</a> &gt;
          <span class="top">macan77</span>
        </div>
      </div>
        <div id="page-body">
            <form method="post" action="#" id="viewprofile">
                <div class="profile_row">
                    <div class="profile_panel">

                        <div class="fieldset ">

                            <h1 class="profile_info_name"> macan77</h1>

                            
                            
                                                    </div>

                        
                        <div class="fieldset">
                            <h3>Kontakt</h3>
                            <div class="details">
                                                                <div class="profile_info_row">
                                                                            <a href="https://internetmojster.com/prijava" class="button1">Prijava za pošiljanje</a>
                                                                    </div>
                            </div>
                        </div>

                        
                        <div class="fieldset">
                            <h3>Statistika</h3>

                            <div class="stats_info_row">
                                <div class="stats_info_label">Pridružen/a:</div>
                                <div class="stats_info_value">24 avg 2009, 15:07</div>
                            </div>
                            <div class="stats_info_row">
                                <div class="stats_info_label">Zadnjič aktiven:</div>
                                <div class="stats_info_value">—</div>
                            </div>
                            <div class="stats_info_row">
                                <div class="stats_info_label">Prispevki:</div>
                                <div class="stats_info_value">
                                    62 |
                                    <strong><a href="https://internetmojster.com/uporabnik/macan77">Vsi prispevki</a></strong>
                                </div>
                            </div>
                            <div class="stats_info_row">
                                <div class="stats_info_label">Teme:</div>
                                <div class="stats_info_value">
                                    6 |
                                    <strong><a href="https://internetmojster.com/uporabnik/macan77/teme">Vse teme</a></strong>
                                </div>
                            </div>

                            <div class="stats_info_row_reactions" id="user-global-reactions-1517">
                                <div class="el">
                                    <div class="num tup">31</div>
                                    <div class="rate"><span class="tup"></span></div>
                                </div>
                                <div class="el">
                                    <div class="num tdn">103</div>
                                    <div class="rate"><span class="tdn"></span></div>
                                </div>
                                <div class="el">
                                    <div class="num spm">23</div>
                                    <div class="rate"><span class="spm"></span></div>
                                </div>
                            </div>
                        </div>

                        
                                                <div class="fieldset">
                            <div class="inner">
                                <h3>Podpis</h3>
                                <div class="profile_signature">
                                    <a href="http://www.djondesigns.com" target="_blank" rel="noopener noreferrer">www.djondesigns.com</a>
                                </div>
                            </div>
                        </div>
                        
                    </div>

                    
                    <div class="profile_posts">
                        <div class="tabs">
                            <ul>
                                <li class="">
                                    <a href="https://internetmojster.com/uporabnik/macan77/teme">Vse teme</a>
                                </li>
                                <li class="active">
                                    <a href="https://internetmojster.com/uporabnik/macan77">Vsi prispevki</a>
                                </li>
                            </ul>
                        </div>
                        <div class="panel">
                            <div class="inner">
                                <div class="main_content">
                                    <div class="nav">
                                        <!-- Pagination -->
                                        <div class="page">
                                            stran 7 od 7
                                                                                            <a href="https://internetmojster.com/uporabnik/macan77?page=1" class="first">|&lt;</a>
                                                <a href="https://internetmojster.com/uporabnik/macan77?page=6" class="prev">&lt;</a>
                                            
                                            
                                                                                            <a href="https://internetmojster.com/uporabnik/macan77?page=1" class="p">1</a>
                                                                                            
                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=2" class="p">2</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=3" class="p">3</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=4" class="p">4</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=5" class="p">5</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=6" class="p">6</a>
                                                                                                                                                                                                <span class="p">7</span>
                                                                                            
                                            
                                                                                            <span class="next">&gt;</span>
                                                <span class="last">&gt;|</span>
                                                                                    </div>
                                    </div>
                                    <div class="table forum" id="thread">
                                                                                                                                <div class="tr post" id="body91726">
                                                <div class="td content last">
                                                    <div class="inner" id="post91726">
                                                                                                                <a id="p91726" href="https://internetmojster.com/trgovina/flash-animacija?page=1#p91726" class="pnum">#1</a>

                                                        <div class="nav">
                                                            <div class="bc">
                                                                <a href="https://internetmojster.com/trgovina" class="top">Kupi, prodaj, zamenjaj, delo</a> &gt;
                                                                <a href="https://internetmojster.com/trgovina/flash-animacija" class="top">flash animacija</a>
                                                            </div>
                                                        </div>
                                                                                                                <div class="postbody">
                                                        <p>lahko naredim flash animacijo, celotan banner ga ustavim v spletno stran (embbeding)  in optimizarm, plačilo paypal ali drugače...</p><br />
<br />
<p>Lp,<br><br />
Djordje</p><br />
<br />
<p>portfolio<br><br />
www.djondesign.com<br><br />
mail<br><br />
djordje@djondesign.com</p><br />

                                                        </div>
                                                    </div>

                                                    <div class="rate"
                                                        data-user-id="1517"
                                                        data-post-id="91726"
                                                        data-thread="flash-animacija"
                                                        data-category="trgovina"
                                                        data-voted=""
                                                        >
                                                        <span class="tup vote " data-type="thumbup">všeč</span><small>(0)</small>
                                                        <span class="tdn vote " data-type="thumbdown">ni všeč</span><small>(0)</small>
                                                        <span class="spm vote " data-type="spam">spam</span><small>(0)</small>
                                                    </div>
                                                </div>
                                            </div>
                                                                                                                                                                            <div class="tr post" id="body89023">
                                                <div class="td content last">
                                                    <div class="inner" id="post89023">
                                                                                                                <a id="p89023" href="https://internetmojster.com/trgovina/css-html-php-cms-flash?page=#p89023" class="pnum">#</a>

                                                        <div class="nav">
                                                            <div class="bc">
                                                                <a href="https://internetmojster.com/trgovina" class="top">Kupi, prodaj, zamenjaj, delo</a> &gt;
                                                                <a href="https://internetmojster.com/trgovina/css-html-php-cms-flash" class="top">css, html, php, cms, flash</a>
                                                            </div>
                                                        </div>
                                                                                                                <div class="postbody">
                                                        <p>Pozdrav vsem!</p><br />
<br />
<p>Če gdo rabi poslovno-projektno sodelovanje v omejenih tehnologijah sem na voljo za delo:</p><br />
<br />
<p>Izdelava cms spletnih strani, seo, css razrez, html, php, flash...</p><br />
<br />
<p>Velik zaslužek ni prioriteta, portfolio in kontakt na www.djondesign.com</p><br />
<br />
<p>Kritike in mnenja pri izdelanih straneh so dobrodošla!</p><br />
<br />
<p>Hvala!</p><br />

                                                        </div>
                                                    </div>

                                                    <div class="rate"
                                                        data-user-id="1517"
                                                        data-post-id="89023"
                                                        data-thread="css-html-php-cms-flash"
                                                        data-category="trgovina"
                                                        data-voted=""
                                                        >
                                                        <span class="tup vote " data-type="thumbup">všeč</span><small>(0)</small>
                                                        <span class="tdn vote " data-type="thumbdown">ni všeč</span><small>(0)</small>
                                                        <span class="spm vote " data-type="spam">spam</span><small>(0)</small>
                                                    </div>
                                                </div>
                                            </div>
                                                                                                                        </div>
                                    <div class="nav">
                                        <!-- Pagination -->
                                        <div class="page">
                                            stran 7 od 7
                                                                                            <a href="https://internetmojster.com/uporabnik/macan77?page=1" class="first">|&lt;</a>
                                                <a href="https://internetmojster.com/uporabnik/macan77?page=6" class="prev">&lt;</a>
                                            
                                            
                                                                                            <a href="https://internetmojster.com/uporabnik/macan77?page=1" class="p">1</a>
                                                                                            
                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=2" class="p">2</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=3" class="p">3</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=4" class="p">4</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=5" class="p">5</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/macan77?page=6" class="p">6</a>
                                                                                                                                                                                                <span class="p">7</span>
                                                                                            
                                            
                                                                                            <span class="next">&gt;</span>
                                                <span class="last">&gt;|</span>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
        </div>
    </div>
    
    <!-- Ad Spaces Above Footer -->
    <div id="footer-ads">
        <div id="topadsrepl">
            
                
        <div class="left">
            <div class="ad ad-space-1">
                                    <a href="https://internetmojster.com/zaposlitve" class="ad-job-fallback">
                        <div class="job-content">
                            <div class="job-title">Išči med razpoložljivimi zaposlitvami</div>
                            <div class="job-subtitle">Odkrijte priložnosti za delo v digitalni industriji</div>
                        </div>
                        <div class="job-arrow">→</div>
                    </a>
                            </div>
        </div>
        <div class="right">
            <div class="ad ad-space-2">
                                    <a href="https://internetmojster.com/zaposlitve" class="ad-job-fallback">
                        <div class="job-content">
                            <div class="job-title">Išči med razpoložljivimi zaposlitvami</div>
                            <div class="job-subtitle">Odkrijte priložnosti za delo v digitalni industriji</div>
                        </div>
                        <div class="job-arrow">→</div>
                    </a>
                            </div>
        </div>
    </div>
    </div>
    
    <div id="foot">
        powered by Internet Mojster © 2006-2026 :
        <a href="https://internetmojster.com/pravila">pravila obnašanja</a> :
        <a href="https://internetmojster.com/pogoji">pogoji uporabe</a> :
        <a href="https://internetmojster.com/kontakt">kontakt</a> :
        <a href="https://internetmojster.com/piskotki">piškotki</a>
    </div>

    <div id="popup_backdrop" class="popup_backdrop"></div>
	<div id="popup_auth" class="popup" >
		<div class="popup_header">
			<div id="popup_close" class="popup_close">× zapri</div>
		</div>
		<table>
			<tr>
                <td class="login">
                    <h2>Prijava</h2>
                    <form action="https://internetmojster.com/prijava" method="post">
                        <input type="hidden" name="_token" value="OOOZb6Qpd0wpY7Kyv83LbKthLSw0rRYvIXb0rd1d" autocomplete="off">                                                <p><input class="text" type="text" name="username" placeholder="uporabniško ime"></p>
                        <p><input class="text" type="password" name="password" placeholder="geslo"></p>
                        <p class="options">
                            <label><input type="checkbox" name="remember"> zapomni si me</label>
                        </p>
                        <p style="text-align:right; margin-top:6px;">
                            <button type="submit">prijava</button>
                        </p>
                    </form>
                </td>
                <td class="reg">
                    <h2>Registracija</h2>
                    <p>Še nimate računa? <a href="https://internetmojster.com/registracija">Ustvari nov račun</a>.</p>
                </td>
			</tr>
		</table>
	</div>
	<div id="popup_search" class="popup" >
		<div class="popup_header">
			<div id="popup_close" class="popup_close">× zapri</div>
		</div>
		<table>
			<tr>
			<td>
				<h2>Iskanje</h2>
				<form action="https://internetmojster.com/iskanje" method="get">
                    <p><input class="text" type="text" name="q" placeholder="išči…" style="width:260px"></p>
                    <div class="submit_buttons">
                        <button type="submit" class="button1">išči</button>
                    </div>
				</form>
			</td>
			</tr>
		</table>
	</div>

    <div id="cookie-notice" class="cookie-notice hidden">
            <div class="cookie-content">
                <p>
                    🍪 Ta spletna stran uporablja piškotke za izboljšanje uporabniške izkušnje.
                    <a href="https://internetmojster.com/piskotki" target="_blank">Več o piškotkih</a>.
                </p>
                <div class="cookie-buttons">
                    <button id="cookie-accept" class="button1">Sprejmi</button>
                    <button id="cookie-decline" class="button2">Zavrni</button>
                </div>
            </div>
        </div>

    <script>/*
        // Initialize TinyMCE for content creation and editing
        document.addEventListener('DOMContentLoaded', function() {
            // Initialize WYSIWYG editor for thread content
            if (document.getElementById('content')) {
                // Remove required attribute to prevent validation issues
                document.getElementById('content').removeAttribute('required');
                
                tinymce.init({
                    selector: '#content',
                    height: 300,
                    menubar: false,
                    plugins: [
                        'advlist', 'autolink', 'lists', 'link', 'image', 'charmap',
                        'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
                        'insertdatetime', 'media', 'table', 'preview', 'help', 'wordcount'
                    ],
                    toolbar: 'undo redo | blocks | ' +
                        'bold italic forecolor | alignleft aligncenter ' +
                        'alignright alignjustify | bullist numlist outdent indent | ' +
                        'smiley-btn | removeformat | help',
                    content_style: 'body { font-family: Arial, sans-serif; font-size: 14px; }',
                    setup: function(editor) {
                        // Add custom smiley button
                        editor.ui.registry.addButton('smiley-btn', {
                            text: '😊',
                            tooltip: 'Insert Smiley',
                            onAction: function() {
                                showSmileyPicker(editor);
                            }
                        });
                    }
                });
            }

            // Initialize WYSIWYG editor for reply content
            if (document.getElementById('reply-content')) {
                // Remove required attribute to prevent validation issues
                document.getElementById('reply-content').removeAttribute('required');
                
                tinymce.init({
                    selector: '#reply-content',
                    height: 200,
                    menubar: false,
                    plugins: [
                        'advlist', 'autolink', 'lists', 'link', 'charmap',
                        'anchor', 'searchreplace', 'visualblocks', 'code',
                        'insertdatetime', 'table', 'help', 'wordcount'
                    ],
                    toolbar: 'undo redo | blocks | ' +
                        'bold italic forecolor | alignleft aligncenter ' +
                        'alignright alignjustify | bullist numlist | ' +
                        'link | smiley-btn | removeformat | help',
                    content_style: 'body { font-family: Arial, sans-serif; font-size: 14px; }',
                    setup: function(editor) {
                        // Add custom smiley button
                        editor.ui.registry.addButton('smiley-btn', {
                            text: '😊',
                            tooltip: 'Insert Smiley',
                            onAction: function() {
                                showSmileyPicker(editor);
                            }
                        });
                    }
                });
            }
            
            // Handle all form submissions that might contain TinyMCE editors
            document.addEventListener('submit', function(e) {
                // Check if this form contains any TinyMCE editors
                const form = e.target;
                const textareas = form.querySelectorAll('textarea');
                let hasValidationErrors = false;
                
                textareas.forEach(function(textarea) {
                    // Check if this textarea has been replaced by TinyMCE
                    if (tinymce.get(textarea.id)) {
                        const editor = tinymce.get(textarea.id);
                        
                        // Sync the TinyMCE content back to the textarea
                        editor.save();
                        
                        // Check if content is required and empty
                        const content = editor.getContent({format: 'text'}).trim();
                        if (textarea.hasAttribute('data-required') && !content) {
                            e.preventDefault();
                            hasValidationErrors = true;
                            
                            // Show error message
                            alert('Please enter some content before submitting.');
                            
                            // Focus the editor
                            editor.focus();
                            
                            return false;
                        }
                    }
                });
                
                if (hasValidationErrors) {
                    return false;
                }
            });
            
            // Smiley picker functionality
            window.showSmileyPicker = function(editor) {
                // Define classic phpBB-style smileys
                const smileys = {
                    'Happy': [':)', ':D', ':P', ';)', ':lol:'],
                    'Sad': [':(', ":'(", ':cry:'],
                    'Other': [':o', ':shock:', '8)', ':cool:', ':|', ':oops:', ':mrgreen:']
                };
                
                let pickerHtml = '<div style="padding: 10px; max-width: 300px;">';
                pickerHtml += '<h4 style="margin: 0 0 10px 0; color: #333;">Insert Smiley</h4>';
                
                for (const [category, codes] of Object.entries(smileys)) {
                    pickerHtml += `<div style="margin-bottom: 10px;">`;
                    pickerHtml += `<strong style="font-size: 12px; color: #666; display: block; margin-bottom: 5px;">${category}</strong>`;
                    
                    codes.forEach(function(code) {
                        const unicode = getSmileyUnicode(code);
                        pickerHtml += `<span style="cursor: pointer; padding: 5px; margin: 2px; display: inline-block; border-radius: 3px; border: 1px solid #ddd; background: #f9f9f9; font-size: 16px;" onclick="insertSmiley('${code}', '${editor.id}')" title="${code}">${unicode}</span>`;
                    });
                    
                    pickerHtml += '</div>';
                }
                
                pickerHtml += '</div>';
                
                editor.windowManager.open({
                    title: 'Insert Smiley',
                    body: {
                        type: 'panel',
                        items: [{
                            type: 'htmlpanel',
                            html: pickerHtml
                        }]
                    },
                    buttons: [
                        {
                            type: 'cancel',
                            text: 'Close'
                        }
                    ]
                });
            };
            
            window.insertSmiley = function(code, editorId) {
                const editor = tinymce.get(editorId);
                if (editor) {
                    editor.insertContent(' ' + code + ' ');
                    editor.windowManager.close();
                }
            };
            
            window.getSmileyUnicode = function(code) {
                const unicodeMap = {
                    ':)': '🙂', ':D': '😀', ':P': '😛', ';)': '😉', ':lol:': '😂',
                    ':(': '🙁', ":'(": '😢', ':cry:': '😢',
                    ':o': '😮', ':shock:': '😱', '8)': '😎', ':cool:': '😎', 
                    ':|': '😐', ':oops:': '😳', ':mrgreen:': '😀'
                };
                return unicodeMap[code] || code;
            };
        });*/
    </script>
    <script>
document.addEventListener('DOMContentLoaded', function () {
    // Voting logic
    document.querySelectorAll('.rate').forEach(rateBox => {

        if (rateBox.dataset.disabled === 'true') return;

        const postId = rateBox.dataset.postId;
        const voted = rateBox.dataset.voted;

        const voteElements = rateBox.querySelectorAll('.vote');

        voteElements.forEach(btn => {
            if (voted) {
                if (btn.dataset.type === voted) {
                    btn.classList.add('active');
                } else {
                    btn.classList.add('inactive');
                }
            }

            btn.addEventListener('click', () => {
                const threadSlug = rateBox.dataset.thread;
                const categorySlug = rateBox.dataset.category;
                const userId = rateBox.dataset.userId;

                fetch(`/${categorySlug}/${threadSlug}/${postId}/glasuj`, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': 'OOOZb6Qpd0wpY7Kyv83LbKthLSw0rRYvIXb0rd1d'
                    },
                    body: JSON.stringify({ type: btn.dataset.type })
                })
                .then(res => res.json())
                .then(data => {
                    if (data.success) {
                        voteElements.forEach(el => {
                            el.classList.remove('active', 'inactive');
                            if (data.current && el.dataset.type === data.current) {
                                el.classList.add('active');
                            } else if (data.current) {
                                el.classList.add('inactive');
                            }
                        });

                        rateBox.querySelector('.tup + small').textContent = `(${data.counts.thumbup})`;
                        rateBox.querySelector('.tdn + small').textContent = `(${data.counts.thumbdown})`;
                        rateBox.querySelector('.spm + small').textContent = `(${data.counts.spam})`;

                        const globalStats = document.querySelector(`#user-global-reactions-${userId}`);
                        if (globalStats && data.user_counts) {
                            globalStats.querySelector('.num.tup').textContent = data.user_counts.thumbup;
                            globalStats.querySelector('.num.tdn').textContent = data.user_counts.thumbdown;
                            globalStats.querySelector('.num.spm').textContent = data.user_counts.spam;
                        }
                    }
                });
            });
        });
    });
});
</script>
</body>
</html>