<?
//zmienne dla calego modulu
$tabela = "bng_rotator";
$modul = "#rotator";
?>
<script src="js/fileuploader.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){

    //zmienne globalne dla wszystkich funkcji js
    var tabela = '<? echo $tabela; ?>';
    var formularz = $("form.formularz");
    var formAction = formularz.attr("action");

    formularz.submit(function(){
        walidacja = 1;

        //sprawdzanie czy zostal wybrane obraz
        if($(".obrazek img").is(":visible"))
        {
            obrazek = $(".obrazek a.usun_img").attr("href")
        }
        else
        {
            obrazek = '';
            walidacja = 0;
            alert("Musisz wybrać zdjęcie");
        }

        //jesli walidacja nie zwraca bledu
        if(walidacja==1)
        {
            $.post(formAction,{
                tabela: tabela,
                id: $("input[name=wpis_id]").val(),
                nazwa: $("input[name=nazwa]").val(),
                adres: $("input[name=adres]").val(),
                opis: $("textarea[name=opis]").val(),
                dzial: $("select[name=dzial]").val(),
                obraz: obrazek,
                opcja: 'dodaj'
            },function(wynik){

                //przeladowanie listy wpisow
                if(wynik=="ok") przeladuj(document.location.hash);
                else alert(wynik);

                $("input[name=nazwa]").css({border: ''});
            })
        }

        return false;
    })

        //UPLOAD
        createUploader();
        $(".przegladaj_btn, .qq-upload-button").corner('3px');

        //USUWANIE OBRAZKA
        $(".obrazek a.usun_img").click(function(){
            //sciezka = $(this).parent().parent().find("img").attr("src")
            sciezka = $(this).attr('href');
            id = $("#wpis_id").val();
            if(sciezka!='')
                usun_obrazek(sciezka,id)
            return false;
        })

        //SORTOWANIE
        rel = '<? echo $_GET['sort']; ?>'
        order = '<? echo $_GET['order']; ?>'
        if(order=='desc')
        {
            $("a.sort[rel="+rel+"]").children("img").attr('src','images/sort_down.png')
        }
        else $("a.sort[rel="+rel+"]").children("img").attr('src','images/sort_up.png')

    //DIALOG
    $('#dialog').dialog({
            autoOpen: false,
            width: 300,
            minHeight: 100,
            modal: true,
            draggable: false,
            resizable: false
    });
});

//pobieranie z pliku PHP danych do edycji w postaci obiektu json
function edytuj(id){
    formularz = $("form.formularz");
    formAction = formularz.attr("action");
    $(".bloki:hidden").show();

    $.ajax({
        url: formAction,
        type: 'POST',
        dataType: "json",
        data: {tabela: '<? echo $tabela; ?>',id: id, opcja: 'edytuj'},
        success: function(responseJSON){
            var jsonobj = eval(responseJSON);
            $("input[name=nazwa]").val(jsonobj["nazwa"])
            $("input[name=adres]").val(jsonobj["adres"])
            $("textarea[name=opis]").val(jsonobj["opis"])
            $("select[name=dzial] option[value="+jsonobj["dzial"]+"]").attr("selected",true);
            $("input[name=wpis_id]").val(id);
            //alert(jsonobj["obrazek"])
            if(jsonobj["obrazek"]!=0)
            {
                $(".obrazek").show().find("img").attr("src",jsonobj["mini"])
                $(".obrazek .usun_img").attr('href',"../"+jsonobj['obrazek']);
                $(".obrazek a.powieksz").attr('href',"../"+jsonobj['obrazek']);
                $("#upload_btn").hide();
            }
            else
            {
                $(".obrazek").hide().find("img").attr("src",'')
                $(".obrazek .usun_img").attr('href','');
                $("#upload_btn").show();
            }
        }
    });
}

//usuwanie wpisu po id
function usun(id){
    formularz = $("form.formularz");
    formAction = formularz.attr("action");

    //wyswietlenie okienka potwierdzajacego usuniecie za pomoca jquery.ui
    $( "#dialog" ).dialog( "option", "buttons", {
        "Tak": function() {
            //USUWANIE WPISU
            $.post(formAction,{tabela: '<? echo $tabela; ?>', id: id, opcja: 'usun'},function(wynik){
                if(wynik=="ok") {
                    przeladuj(document.location.hash);
                }
            })
            $(this).dialog("close"); },
        "Nie": function() {$(this).dialog("close");
            } } );
    $('#dialog').dialog('open');
}

//aktywowanie publikacji obrazka po id
function aktywuj(id){
    formularz = $("form.formularz");
    formAction = formularz.attr("action");

    $.post(formAction,{tabela: '<? echo $tabela; ?>', id: id, opcja: 'aktywuj'},function(wynik){
    if(wynik=="ok") {
        przeladuj(document.location.hash);
    }
    })
}

//deaktywowanie publikacji obrazka po id
function wylacz(id){
    formularz = $("form.formularz");
    formAction = formularz.attr("action");

    $.post(formAction,{tabela: '<? echo $tabela; ?>', id: id, opcja: 'blokuj'},function(wynik){
    if(wynik=="ok") {
        przeladuj(document.location.hash)
    };
    })
}

//SORTOWANIE
function wDol(id){
    formularz = $("form.formularz");
    formAction = formularz.attr("action");

    $.post(formAction,{tabela: '<? echo $tabela; ?>', id: id, opcja: 'w_dol'},function(wynik){
    if(wynik=="ok") {
        przeladuj(document.location.hash);
    }
    })
}
function wGore(id){
    formularz = $("form.formularz");
    formAction = formularz.attr("action");

    //USUWANIE WPISU
    $.post(formAction,{tabela: '<? echo $tabela; ?>', id: id, opcja: 'w_gore'},function(wynik){
    if(wynik=="ok") {
        przeladuj(document.location.hash);
    }
    })
}

//usuwanie obrazka po sciezce i id
function usun_obrazek(sciezka,id){
    formularz = $("form.formularz");
    formAction = formularz.attr("action");

    $(".obrazek div img").attr("src","images/pre2.gif");

    $.post(formAction,{tabela: '<? echo $tabela; ?>', id: id, sciezka: sciezka, opcja: 'usun_obrazek'},function(wynik){
        if(wynik=="ok") {
            $(".obrazek .usun_img").attr('href','');
            $(".obrazek").hide();
            $(".qq-upload-list").html("");
            $("#upload_btn").show();
        }else
            alert(wynik)
    })
}

//tworzenie uploadera z uzyciem pluginu jquery qq.fileuploader
//zwrocenie danych w postaci json
function createUploader(){
    formularz = $("form.formularz");
    formAction = formularz.attr("action");

    var uploader = new qq.FileUploader({
        element: document.getElementById('upload_btn'),
        action: formAction,
        params: {opcja: 'upload'},
        debug: true,
        multiple: false,
        allowedExtensions: ['jpg', 'gif', 'png'],
        onComplete: function(id, fileName, responseJSON){
            var jsonobj = eval(responseJSON);
            var obiekt = jsonobj["mini"];
            $(".obrazek div img").attr("src",obiekt).parent().parent().parent().show();
            $(".obrazek .usun_img").attr('href',jsonobj['plik']);
            $(".obrazek a.powieksz").attr('href',jsonobj['plik']);
            $("#upload_btn").hide();
        }
    });
}
</script>

<!-- ui-dialog -->
<div id="dialog" title="Uwaga!" style="display:none"><br />
<p>Zdjęcie zostanie usunięte. Kontynuować?</p>
</div>

<h1>
<span class="zwin rozwijanie">&nbsp;</span>
<span>POKAZ SLAJDÓW</span>
<div title="Odśwież" onclick="przeladuj(document.location.hash);" class="odswiez" id="preloader"><img src="images/reload.png" alt="Odśwież" /></div></h1>
<div class="bloki">
    <div class="blok" style="width: 97%;">
        <?
        if (is_numeric($_GET['str'])) {
            $_GET['str'] = (int) $_GET['str'];
            if ($_GET['str'] < 1)
            {
                $strona = 1;
                $_GET['str'] = 1;
            }
        }
        else
        {
            $_GET['str'] = 1;
        }
        if($_GET['order']=='asc') $order = 'desc'; else $order = 'asc';

        //SORTOWANIE
        if($_GET['sort'] && $order)
        {
            $sortuj = $_GET['sort']." ".$_GET['order'].",kolejnosc ASC";
        }
        else $sortuj = "kolejnosc ASC";

        $anchor = $modul."&str=".$_GET['str'];
        ?>

        <?
        define('LIMIT_WPISOW',10);
        // uzyskanie ilości newsów w bazie
        $iloscWpisow = mysql_query("Select Count(id) From $tabela ");
        list($iloscWpisow) = @mysql_fetch_row($iloscWpisow);
        $iloscStron = ceil($iloscWpisow/LIMIT_WPISOW);
        //echo $start = ($iloscStron-1)*($strona-1);
        $start = ($_GET['str']-1)*LIMIT_WPISOW;
        $sql = "SELECT * FROM $tabela ORDER BY dzial ASC, $sortuj LIMIT $start,".LIMIT_WPISOW;
        $zapytanie = mysql_query($sql) or mysql_error();

        $liczbaStron = ($iloscStron+1);

        $i = 0;
        while($wpis = mysql_fetch_assoc($zapytanie))
        {
            if(!$i)
            {
            ?>
            <h2 style="clear:both;"><strong><? echo wartosc_po_id('nazwa_kategorii',$wpis['dzial'],'bng_rotator_kat');?></strong></h2>
            <ul class="galeria_zdjec"> <?
            }
            $i++;
            if($wpis['dzial']!=$tmp && $tmp){
                ?> </ul>
                <br />
                <h2 style="clear:both;"><strong><? echo wartosc_po_id('nazwa_kategorii',$wpis['dzial'],'bng_rotator_kat');?></strong></h2>
                <ul class="galeria_zdjec"><?
            }
        ?>
            <li>
                  <div align="center"><? echo $wpis['nazwa']; ?></div>
                  <a rel="slide" href="<? echo "../".$wpis['zdjecie']; ?>" title="<? echo $wpis['nazwa']; ?>">
                    <img src="<? echo mini("../".$wpis['zdjecie'],'rotator'); ?>" alt=""/>
                  </a>
                  <span class="action">
                <? if(!$_GET['sort'] && !$_GET['order'])
                {
                if($i!=1) { ?>
                    <a href="javascript:wGore(<? echo $wpis['id']; ?>)"><img src="images/w_lewo.png" alt="w lewo" class="help" title="Przesuń w lewo"/></a>
                <? } ?>
                    <a href="javascript:edytuj(<? echo $wpis['id']; ?>)"><img src="images/icon_edit.png" alt="edytuj" class="help" title="Edytuj"/></a>
                    <a href="javascript:usun(<? echo $wpis['id']; ?>)" class='delete'><img src="images/icon_delete.png" alt="usuń" class="help" title="Usuń"/></a>
                <?
                if($i<mysql_num_rows($zapytanie)) { ?>
                    <a href="javascript:wDol(<? echo $wpis['id']; ?>)"><img src="images/w_prawo.png" alt="w prawo" class="help" title="Przesuń w prawo"/></a>
                <? } } ?>
                  </span>
            </li>
        <?
            $tmp = $wpis['dzial'];
        }
        ?>
        </ul>
        <ul class="paginacja">
            <? paginacja($liczbaStron, $modul); ?>
        </ul>
    </div>
</div>
<h1>
<span class="zwin rozwijanie">&nbsp;</span>
<span>EDYTUJ LUB DODAJ ZDJĘCIE</span></h1>
<div class="bloki">
<form action="rotatorAjax.php" method="post" class="formularz" >
<div class="blok">
    <label for="nazwaForm">NAZWA *</label>
    <input type="text" name="nazwa" id="nazwaForm" class="pole_tekstowe" /><br />
    <label for="adresForm">ADRES WWW</label>
    <input type="text" name="adres" id="adresForm" class="pole_tekstowe" /><br />
    <label for="opisForm">OPIS</label>
    <textarea name="opis" id="opisForm" cols="35" rows="10"></textarea>
</div>
<div class="blok">
    <label for="dzialForm">DZIAŁ *</label>
    <select name="dzial" id="dzialForm">
        <?
        $wynik = mysql_query("SELECT * FROM bng_rotator_kat");
        while($dane2=mysql_fetch_array($wynik))
        {
            echo "<option value='$dane2[id]' ";
            if($kategoria==$dane2['id'])
            {echo "selected";}
            echo ">".$dane2['nazwa_kategorii']."</option>";
        }
        ?>
    </select><br />
    <label>ZDJĘCIE</label>
    <div class="obrazek" style="text-align:center;display:none;">
    <div style="display:inline-block;"><a href="#" class="powieksz"><img src="" /></a>
    <p><br /><a href="#" class="usun_img">USUŃ</a></p><br /></div></div>
    <div id="upload_btn">
        <noscript>
            <p>Aktywuj JavaScript aby korzystać z uploadu</p>
        </noscript>
    </div>
    <input type="hidden" name="wpis_id" id="wpis_id" />
    <input type="submit" name="zapisz" class="zapisz_btn" value="ZAPISZ" />

</div>
</form>
</div>