var sbrokerSpecificFinderForm = {

    init: function () {

        //init stylish select
        $('#select01').sSelect();
        $('#select02').sSelect();
        $('#select03').sSelect({ddMaxHeight: '200px'});
        $('#select04').sSelect();
        //$('#selectNumberOfPages').sSelect();

        $("#sbForms #searchBtn").click(function(event){
            sbrokerFinderLib.onSubmitBtnClicked();
            event.preventDefault();
        });

	
  /*
        $("#sbForms #resetBtn").click(function(event){
            sbrokerFinderLib.onResetBtnClicked();
            event.preventDefault();
        });*/

        // Setup Event Listeners for Form Elements
        $(':input').change(
            function (event) {
                sbrokerFinderLib.onFormEvent(event.target, $(event.target).val());
            }
        );

        $('#sbForms .formRow').each(function(){
            if($(this).find('span').length==false) {
                $(this).find('.textFieldShort').css('marginRight','28px');
            }
        });

        //toggle custom radio
        $(".customRadio div").each(function() {
            var isChecked = $(this).find('input').attr('checked')? true : false;
            if(isChecked) {
                $(this).addClass('radioChecked');
            } else {
                $(this).addClass('radioUnchecked');
            }
        });

        $(".customRadio div").click(function() {
            $(this).parent().siblings('.customRadio').find('div').removeClass('radioChecked');
            $(this).parent().siblings('.customRadio').find('div').addClass('radioUnchecked');
            $(this).parent().siblings('.customRadio').find('input').attr('checked', false);

            $(this).removeClass('radioUnchecked');
            $(this).addClass('radioChecked');
            $(this).find('input').attr('checked', true);
            getCount();
            sbrokerFinderLib.onFormEvent($(this).find('input').attr('name'), $(this).find('input').val());

        });


        // toggle simple / extended search view
        $('.searchToggleBar a').click(function(event) {

            var toggleLink = $(this);
            var simpleSearchText = 'Einfache Suche';
            var extendedSearchText = 'Erweiterte Suche';

            if ($('.extendedSearchContainer').is(':hidden') == true) {
                $('.extendedSearchContainer').slideDown('slow');
                toggleLink.text(simpleSearchText);
            } else {
                $('.extendedSearchContainer').slideUp('slow');
                toggleLink.text(extendedSearchText);
            }
            event.preventDefault();
        });

        //result table toggle detail view
        $('.btnExpand').live('click',function(event) {

            if ($(this).parent().parent().next('.detail').is(':hidden') == true) {
				
		$(this).parent().parent().next().children().children().children('.detailGraphic').children('#loadingImg').css('display', 'inline');
		$(this).parent().parent().next().children().children().children('.detailGraphic').children('#chartImg').attr('src', $(this).parent().parent().next().children().children().children('.detailGraphic').children('#chartImgSrc').val()).attr('onload', $(this).parent().parent().next().children().children().children('.detailGraphic').children('#loadingImg').css('display', 'none')).css('display', 'inline');

                $(this).parent().parent().next('.detail').show();
                $(this).parent().parent().next('.detail').find('.collapseHelper').slideDown('slow');
                $(this).addClass('btnCollapse');

            } else {
		$(this).parent().parent().next().children().children().children('.detailGraphic').children('#chartImg').attr('src', '').css('display', 'none');
		$(this).parent().parent().next('.detail').find('.collapseHelper').slideUp('fast',function(){
			$(this).parent().parent().hide();
		});

                $(this).removeClass('btnCollapse');
            }
            event.preventDefault();
        });

	//Button "Schliessen" in Detailansicht bei resulttable
        $('.detailCloseBar').live('click',function(event) {
		$(this).prev().prev().children('#chartImg').attr('src', '').css('display', 'none');
		$(this).parent().slideUp('fast',function() {
			$(this).parent().parent().hide();
		});
            $(this).parent().parent().parent().prev().find('.btnCollapse').removeClass('btnCollapse');
            event.preventDefault();
        });


        //delete default input value und change  font color
        var defaultText='';
        $('#sbForms input').focus(function() {
            defaultText= $(this).val();
            if (!$(this).hasClass('darkColor')) {
                $(this).val('');
                $(this).addClass('darkColor');
            }
        });

        $('#sbForms input').blur(function() {
            if(!$(this).hasClass('hasDatepicker')) {
                if (($(this).val() == '')) {
                    $(this).val(defaultText);
                    $(this).removeClass('darkColor');
                }
            }
        });


        //dynamic list
        $('.dynamicContent input').focus(function() {
            $(this).addClass('darkColor');
            $(this).parent().find('.dynamicListContainer').show();
        });

        $('.dynamicContent').mouseleave(function() {
            $(this).find('.dynamicListContainer').hide();
        });

// 	$('.newList a').live('click', function(event) {
// 		if($(this).hasClass('hiLite')) {
// 			
// 			$(this).addClass('selected');
// 		}
// 	});
	
        $('.dynamicList a').live('click',function(event){
            if($(this).hasClass('selected')==false){
                $(this).addClass('selected');
                if( $(this).hasClass('underlying_typ') ) {
                    $('#scroller01').find('.selectedList').find('li').remove();
                    $('.dynamicList a').each(function() {
                            if($(this).hasClass('selected')) {
                                $(this).not('.underlying_typ').removeClass('selected');
                            }
                     });
                }else {
                    if($('#scroller01').find('.selectedList').find('.underlying_typ')) {
                        $('.selectedList[name=underlying_ag_list]').find(':contains(Alle Aktien), :contains(Alle Indizes), :contains(Alle Rohstoffe), :contains(Alle Währungen)').remove();
                        $('.dynamicList ul').find('.underlying_typ').removeClass('selected');
                    }
                }
                $('#scroller01 ul').append('<li><span class="deleteItemBtn" xid="'+$(this).attr('xid')+'"></span>'+$(this).text()+'</li>');
                sbrokerSpecificFinderForm.updateScroller('#scroller01');
                getCount();
            }
            event.preventDefault();
        });

        $('#select01').change(function(event) {
            if ($(this).find('option:selected').hasClass('selected') == false && $(this).find('option:selected').text().indexOf("Bitte ") == -1  ) {
				if($(this).find('option:selected').text() == 'Alle'){
					$('#scroller00 ul').html('');
					$(this).find('option.selected').removeClass('selected');
				}else{
					$('#scroller00 ul').find('li:contains("Alle")').remove();
					$(this).find('option:contains(Alle)').removeClass('selected');
					$('#scroller00 ul').append('<li><span class="deleteItemBtn" xid="'+$(this).find('option:selected').val() +'"></span>'+$(this).find('option:selected').text()+'</li>');	
				}
		sbrokerSpecificFinderForm.updateScroller('#scroller00');		
		$(this).find('option:selected').addClass('selected');
              
            }
            event.preventDefault();
        });

        $('#select03').change(function(event) {
            if ($(this).find('option:selected').hasClass('selected') == false && $(this).find('option:selected').text().indexOf("Bitte") == -1 ) {
				if($(this).find('option:selected').text() == 'Alle'){
					$('#scroller02 ul').html('');
					$(this).find('option.selected').removeClass('selected');
				}else{
					$('#scroller02 ul').find('li:contains("Alle")').remove();
					$(this).find('option:contains(Alle)').removeClass('selected');
					$('#scroller02 ul').append('<li><span class="deleteItemBtn"></span>'+  $(this).find('option:selected').text()+'</li>');
					
				}
                $(this).find('option:selected').addClass('selected');
                sbrokerSpecificFinderForm.updateScroller('#scroller02');
            }
            event.preventDefault();
        });


        //delete elements from selected list
        $(".selectedList span").live('click',function() {
            var item = $(this).parent().text();
            var scrollerId = '#' + $(this).parent().parent().parent().parent().parent().parent().attr('id');

			if( $(this).parent().parent().find('li').length == 1){
				$(this).parent().remove();
				$('div.numberOfResults').find('span').text('0');
				if(scrollerId === "#scroller01" ) {
                    $('#select02').next().find('a:contains(Alle)').trigger('click');
					$("#scroller01 li").remove();
					$("ul[name=eq_underlying_ag]").html('');
				}
				
			}else{
				$(this).parent().remove();
				if(scrollerId === "#scroller00" ) {
					$('#select02').next().find('a:contains(Auswahl)').trigger('click');
					$("#scroller01 li").remove();
					$("ul[name=eq_underlying_ag]").html('');
				}
				sbrokerSpecificFinderForm.updateScroller(scrollerId);
				getCount();
			}
			
			//sbrokerSpecificFinderForm.updateScroller(scrollerId);
			

            //deselect item in dynamic list
            $('.dynamicList a').each(function(){
                if($(this).text()==item){
                    $(this).removeClass('selected');
                }
            });

            //deselect item in selectfield
            $('#select01 option').each(function() {
                if ($(this).text() == item) {
                    $(this).removeClass('selected');
                }
            });

            $('#select03 option').each(function() {
                if ($(this).text() == item) {
                    $(this).removeClass('selected');
                }
            });
           // sbrokerSpecificFinderForm.updateScroller(scrollerId);
			
        });

	
        // Range Sliders Configuration (jQuery UI Slider Controls)
        
        //sbrokerFinderLib.configureRangeSliderControl('rangeSlider01', 0, 500, [75, 300]);

        sbrokerFinderLib.configureRangeSliderControl('rangeSlider02', 50, 500, [50, 500], function (val1, val2) {
		$("#basisStart").val(val1 + ',00');
		$("#basisEnd").val(val2 + ',00');
		$("#basisStart").addClass('darkColor').removeClass('error');
		$("#basisEnd").addClass('darkColor').removeClass('error');
		
        });
	
        $(".ui-slider-horizontal").find('.ui-slider-handle:last').css('marginLeft','-15px');
        $(".ui-slider-horizontal").find('.ui-slider-handle:first').css('marginLeft','0');


        // jQuery UI Datepicker
        $( "#datepickerStart").datepicker({
            dateFormat: "dd.mm.yy",
            dayNamesMin: [ "S" , "M", "D", "M", "D", "F", "S"],
            monthNames: [ "Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez" ],
            firstDay: 1 });
        $( "#from" ).datepicker({
            dateFormat: "dd.mm.yy",
            dayNamesMin: [ "S" , "M", "D", "M", "D", "F", "S"],
            monthNames: [ "Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez" ],
            firstDay: 1,
            minDate:0,
            nextText: " ",
            prevText: " ",
            onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate );
            }
        });
        $( "#to" ).datepicker({
            dateFormat: "dd.mm.yy",
            dayNamesMin: [ "S" , "M", "D", "M", "D", "F", "S"],
            monthNames: [ "Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez" ],
            firstDay: 1,
            nextText: " ",
            prevText: " ",
            onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
            }
        }); 



        // Datepicker
       $("#from").datepicker("setDate", new Date());
       $("#to").datepicker("setDate", new Date());


        // EDG Rating
        $('.rating span').click(function() {

            // EDG Rating
            // Select stars
            function select(clickedStar) {
                if (clickedStar == 0) {
                    $('#sbForms .rating span').eq(0).addClass('active');
                } else {
                    for (var i=0; i < clickedStar; i++) {
                        $('#sbForms .rating span').eq(i).addClass('active');
                    }
                }
            }

            // Deselect stars
            function deselect(clickedStar) {
                if (clickedStar == 1 && !$('#sbForms .rating span').eq(1).hasClass('active')) {
                    $('#sbForms .rating span').removeClass('active');
                } else {
                    $('#sbForms .rating span').removeClass('active');
                    select(clickedStar);
                }
            };

            var currentStar = $(this).index()+1;

            var val = 0;
            if ($(this).hasClass('active')) {
                deselect(currentStar);
            } else {
                select(currentStar);
            }

            if (currentStar == 1 && !$(this).hasClass('active')) {
                val = 0;
            } else {
                val = currentStar;
            }
            $('#edgRating').val(val);
            sbrokerFinderLib.onFormEvent($('#edgRating'), $('#edgRating').val());
            getCount();
        });

    },

    updateScroller: function (id) {
        var num = $(id).find('li').length;
        if(num == 0){
            $(id).hide();
        }else {
            $(id).show();
            if(num > 5 ) {  
                $(id).mCustomScrollbar("vertical",100,"easeOutCirc",1.05,"fixed","no","no",10,100);
            }else{
		$(id).mCustomScrollbar("destroy");
	    }
	}
    }
}