(function(SinemaTv, $) {
    SinemaTv.ui = {};

    SinemaTv.ui.clearInputsOnFocus = function(container){
        var items = container.find("input.clearOnFocus");


        var clearOnFocus = function(index, item){
            var defaultText = $(item).attr("data-defaultText");
            $(item).focus( function(){
                var currentText = $(item).val();
                if( currentText == defaultText ) {
                    $(item).val('');
                }
            });

            $(item).blur( function(){
                var currentText = $(item).val();
                if( currentText.length === 0 ){
                    $(item).val(defaultText);
                }
                
            });
        };


        $.each( items, clearOnFocus );

    };



    SinemaTv.ui.initFancySelect = function(container){
        var fancySelects = container.find(".fancySelect");
        var fancySelectContainer = container.find(".fancySelectContainer");

        $.each(fancySelects, function(i, fancySelect){

            var clone = fancySelectContainer.clone();
            var selectBox = $(this).find("select").hide();

            var items = clone.find(".items");

            $.each(selectBox.find("option"), function(i, option){
                var value = $(option).val();
                var text = $.trim($(option).html());

                if(i === 0){ //first element
                    clone.find(".firstLine").html(text);
                }

                $("<a>").attr("data-value", value).html(text).appendTo(items);
            });


            clone.find(".firstLine").click( function(e){
                e.stopPropagation();
                if(!items.is(":visible") ) {
                    clone.addClass("active");
                    items.slideDown(200);
                    //close on every other click
                    container.one( 'click', function() {
                        items.slideUp(200);
                        clone.removeClass("active");
                    });
                }
                else {
                    items.slideUp(200);
                    clone.removeClass("active");
                }
            });

            items.find("a").click(function(){
                var value = $(this).attr("data-value");
                var text = $.trim( $(this).html() );

                clone.find(".firstLine").html(text);
                selectBox.find("option[value="+value+"]").attr("selected","selected");
            });

            clone.appendTo(fancySelect).show();
        });
    };


    /**
     * Ugly fix for ie6 zindex issue
     *
     * this will traverse all items and decrements z-index value
     * one by one
     */
    SinemaTv.ui.fixIEZIndexIssue = function(container){
        var zindex = 9999;
        $.each( container, function(i, item) {
            $(item).css("z-index", zindex--);
        });
    };









})(SinemaTv, jQuery);