/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var formMiasto;
var boxMiasto;
var miasto_ul_box;
var miasto_ul;
var miasto_li;
var miastoRoot;
var miastoHandler;
var miastoCloseButton;
var slideHandler;
var buttonText = '';

jQuery.fn.display = function(){
    $(this).css('display','block').addClass('display');
}
jQuery.fn.displayNone = function() {
    $(this).css('display', 'none').removeClass('display');
}
jQuery.fn.visibility = function(){
    $(this).addClass('display').css('display','block').animate({'opacity':1},500);
    $(document).bind('click',function(e){
        var orgTId = $(e.originalTarget).attr('id');
        if(orgTId!='buttonMiasto'){
            miasto_ul_box.visibilityNone();
        }
        });
}
jQuery.fn.visibilityNone = function() {
    $(this).animate({'opacity':0},500,$(this).displayNone());
}

$(document).ready(function(){
    boxMiasto = $('#selectMiastoBox');
    formMiasto = $('#formSelectMiasto');
    formMiasto.displayNone();
    miastoRoot = $('<div id="miastoRoot"></div>');
    miastoRoot.appendTo(boxMiasto);
    miastoHandler = $('<div id="buttonMiasto">&nbsp;</div>');
    miastoHandler.appendTo(miastoRoot);
    miastoCloseButton = $('<a id="miastoCloseButton" title="zamknij filtr miasta"> </a>');
    miasto_ul_box = $('<div id="list_box"></div>').appendTo(miastoRoot);
    miasto_ul = $('<ul></ul>');
    var url_data = {
        k:formMiasto.find('input[name="k"]').val(),
        p:formMiasto.find('input[name="p"]').val(),
        w:formMiasto.find('input[name="w"]').val(),
        g:formMiasto.find('input[name="g"]').val(),
        search:formMiasto.find('input[name="search"]').val()
    }
    var url = '?';
    if(typeof(url_data.p)!='undefined') url = url+'p='+url_data.p;
    if(typeof(url_data.k)!='undefined') url = url+'&k='+url_data.k;
    if(typeof(url_data.w)!='undefined') url = url+'&w='+url_data.w;
    if(typeof(url_data.g)!='undefined') url = url+'&g='+url_data.g;
    if(typeof(url_data.search)!='undefined') url = url+'&search='+url_data.search;
    var i = 0;
    formMiasto.find('option').each(function(){
        var v = $(this).val();
        var text = $(this).html();
        miasto_li = $('<li></li>').appendTo(miasto_ul);
        var link = $('<a class="miasto"></a>').attr('href',url+'&m='+v).html(text).appendTo(miasto_li);
        if($(this).attr('selected') && i!=0) {
            link.addClass('active');
            //buttonText = text+', zmień';
            //miastoHandler.html(buttonText);
            miastoHandler.after(miastoCloseButton);
            miastoCloseButton.attr('href',url);
            }
        i++;
        });
    miasto_ul.find('li:first-child').remove();
    miasto_ul.appendTo(miasto_ul_box);
    miasto_ul_box.visibilityNone();

    var box_pos = {'top':miastoHandler.position().top+22,'left':miastoHandler.position().left}
    miasto_ul_box.css({'position':'absolute','left':box_pos.left});

    

    miastoHandler.bind('click', {}, function(){
        if(miasto_ul_box.hasClass('display')) {
            miasto_ul_box.visibilityNone();
//            if(buttonText=='') miastoHandler.html('Wybierz miasto');
//            else miastoHandler.html(buttonText);
        }
        else {
            miasto_ul_box.visibility();
//            buttonText = miastoHandler.html();
//            miastoHandler.html('Zamknij');
            }
        });
    
});