$j = jQuery.noConflict();

var img_teller = 1;

$j(document).ready(function(){
	$j('#tool_isnummer').mouseover(function(){
		$j('#div_isnummer').css('display', 'block');
	});

    $j('#formule_handelaar').livequery('change', function(){
        if($j('#formule_handelaar:checked').val() == 1)
        {
            $j('#handelaar_select').removeClass('hidden');
        }
        else
        {
            $j('#handelaar_select').addClass('hidden');
        }
    });

    $j('#postcode').livequery('keyup', function(){
        var postcode = $j('#postcode').val();

        if(postcode.length == 4)
        {
            $j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_handelaar_select', 'params[1]': false, 'params[2]': postcode},
                function(data){
                    $j('#handelaar_select').html(data);
                }
            );
        }
    });

    $j('#formule_andere').livequery('change', function(){
        if($j('#formule_andere:checked').val() == 1)
        {
            $j('#formule_andere_text').removeClass('hidden');
        }
        else
        {
            $j('#formule_andere_text').addClass('hidden');
        }
    });

    $j('#formule_fidb').livequery('change', function(){
        if($j('#formule_fidb:checked').val() == 1)
        {
            $j('.fidb_weekdag').removeClass('hidden');
        }
        else
        {
            $j('.fidb_weekdag').addClass('hidden');
        }
    });

    $j('.toggle_element').toggle(function(){
        var klasse = $j(this).attr('id');
        $j('.'+klasse).css('display', 'block');
        $j(this).addClass('open');
        $j(this).addClass('active');
    }, function(){
        var klasse = $j(this).attr('id');
        $j('.'+klasse).css('display', 'none');
        $j(this).removeClass('open');
        $j(this).removeClass('active');
    });

    $j('.inverted_toggle_element').toggle(function(){
        var klasse = $j(this).attr('id');
        $j('.'+klasse).css('display', 'none');
        $j(this).removeClass('open');
        $j(this).removeClass('active');
    }, function(){
        var klasse = $j(this).attr('id');
        $j('.'+klasse).css('display', 'block');
        $j(this).addClass('open');
        $j(this).addClass('active');
    });

    /** JQUERY UI FUNCTIES **/
    /* HANDELAAR FUNCTIES */
    $j('.handelaar_edit').click(function(){
        var handelaar_id = $j(this).attr('id');
        
        handelaar_id = handelaar_id.replace('handelaar_edit_', '');
        $j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_handelaar_form', 'params[1]': handelaar_id},
        function(data){
            $j('#handelaar_edit_dialog').html(data);
            $j('#handelaar_edit_dialog').dialog({
                close: function(){
                    $j('#handelaar_edit_dialog').dialog('destroy');
                },
                width: 375
            });
        });
    });

    $j('.handelaar_create').click(function(){
        $j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_handelaar_form'},
        function(data){
            $j('#handelaar_create_dialog').html(data);
            $j('#handelaar_create_dialog').dialog({
                close: function(){
                    $j('#handelaar_create_dialog').dialog('destroy');
                },
                width: 375
            });
        });
    });

    $j('.handelaar_delete').click(function(){
        var handelaar_id = $j(this).attr('id');

        handelaar_id = handelaar_id.replace('handelaar_delete_', '');
        $j('#handelaar_id_delete').val(handelaar_id);

        $j('#handelaar_delete_dialog').dialog({
            close: function(){
                $j('#handelaar_delete_dialog').dialog('destroy');
            }
        });
    });

    $j('.handelaar_export').click(function(){
        var logo_id = $j(this).attr('id');
        logo_id = logo_id.replace('handelaar_export_', '');

        $j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_export_handelaars', 'params[1]': logo_id}, function(data){
            $j('#handelaar_export_dialog').html(data);
            $j('#handelaar_export_dialog').dialog({
                close: function(){
                    $j('#handelaar_export_dialog').dialog('destroy');
                }
            });
        });
    });

    $j('input#heel_vlaanderen').livequery('click', function(){
        if($j('#heel_vlaanderen:checked').val() == 1)
        {
            $j('#logo_dropdown option').attr('selected', '');
            $j('#logo_dropdown option.alle_logos').attr('selected', 'selected');
        }
        else
        {
            $j('#logo_dropdown option').attr('selected', '');
            $j('#logo_dropdown option.kies_logo').attr('selected', 'selected');
        }
    });

    $j('#logo_dropdown').livequery('change', function(){
        var value = $j('#logo_dropdown option:selected').attr('value');

        if(value == 13952)
        {
            $j('#heel_vlaanderen').attr('checked', 'checked');
        }
        else
        {
            $j('#heel_vlaanderen').attr('checked', '');
        }
    });

    /* KLAS FUNCTIES */
    $j('.klas_create').click(function(){
		var school_id = $j(this).attr('id');

		school_id = school_id.replace('klas_create_', '');
		$j.post('index.php?page=36', {'ajax': 1, 'method': 'fos_klas_registratie_form', 'params[1]': school_id},
		function(data){
			$j('#klas_create_dialog').html(data);
			$j('#klas_create_dialog').dialog({
				close: function(){
					$j('#klas_create_dialog').dialog('destroy');
				},
				width: 375
			});
		});
	});

    $j('.klas_delete').click(function(){
		var klas_id = $j(this).attr('id');

		klas_id = klas_id.replace('klas_delete_', '');

		$j('#klas_delete_id').val(klas_id);
		$j('#klas_delete_dialog').dialog({
			close: function(){
				$j('#klas_delete_dialog').dialog('destroy');
			}
		});
	});

    $j('.klas_edit').click(function(){
		var klas_id = $j(this).attr('id');

		klas_id = klas_id.replace('klas_edit_', '');
		$j.post('index.php?page=36', {'ajax': 1, 'method': 'fos_klas_edit_form', 'params[1]': klas_id},
		function(data){
			$j('#klas_edit_dialog').html(data);
			$j('#klas_edit_dialog').dialog({
                close: function(){
                    $j('#klas_edit_dialog').dialog('destroy');
                },
				width: 375
			});
		});
	});

    $j('.klas_start').click(function(){
        var klas_id = $j(this).attr('id');

		klas_id = klas_id.replace('klas_start_', '');

        $j('#klas_start_id').val(klas_id);
        $j('#klas_start_dialog').dialog({
           close: function(){
               $j('#klas_start_dialog').dialog('destroy');
           }
        });
    })

    /* SCHOOL FUNCTIES */
    $j('.school_create').click(function(){
		$j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_school_registratie_form'},
		function(data){
			$j('#school_create_dialog').html(data);
			$j('#school_create_dialog').dialog({
				close: function(){
					$j('#school_create_dialog').dialog('destroy');
				},
				width: 405
			});
		});
	});

    $j('.school_edit').click(function(){
		var school_id = $j(this).attr('id');

		school_id = school_id.replace('school_edit_', '');
		$j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_school_edit_form', 'params[1]': school_id},
		function(data){
			$j('#school_edit_dialog').html(data);
			$j('#school_edit_dialog').dialog({
				close: function(){
					$j('#school_edit_dialog').dialog('destroy');
				},
				width: 405
			});
		});
	});

    $j('.school_stop').click(function(){
        var school_id = $j(this).attr('id');

		school_id = school_id.replace('school_stop_', '');
        $j('#school_stop_id').val(school_id);
        $j('#school_stop_dialog').dialog({
            close: function(){
                $j('#school_stop_dialog').dialog('destroy');
            },
            width: 405
        });
    });

    $j('.school_start').click(function(){
        var school_id = $j(this).attr('id');

		school_id = school_id.replace('school_start_', '');
        $j('#school_start_id').val(school_id);
        $j('#school_start_dialog').dialog({
            close: function(){
                $j('#school_start_dialog').dialog('destroy');
            },
            width: 405
        });
    });

    /* LOGO FUNCTIES */
    $j('.logo_edit').click(function(){
        var logo_id = $j(this).attr('id');

        logo_id = logo_id.replace('logo_edit_', '');
        $j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_logo_edit_form', 'params[1]': false, 'params[2]': true, 'params[3]': logo_id}, function(data){
            $j('#logo_edit_dialog').html(data);
            $j('#logo_edit_dialog').dialog({
                close: function(){
                    $j('#logo_edit_dialog').dialog('destroy');
                },
                width: 405
            });
        });
    });

    /* EXPORTS */
    $j('.klas_export').click(function(){
		var klas_id = $j(this).attr('id');

		klas_id = klas_id.replace('klas_export_', '');

		if(klas_id == 0)
		{
			klas_id = false;
		}

		$j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_export_klassen', 'params[1]': klas_id}, function(data){
			$j('#klas_export_dialog').html(data);
			$j('#klas_export_dialog').dialog({
				close: function(){
					$j('#klas_export_dialog').dialog('destroy');
				}
			});
		});
	});

    $j('.logo_klas_export').click(function(){
		var logo_id = $j(this).attr('id');

		logo_id = logo_id.replace('logo_klas_export_', '');

		if(logo_id == 0)
		{
			logo_id = false;
		}

		$j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_export_klassen', 'params[1]': false, 'params[2]': logo_id}, function(data){
			$j('#klas_export_dialog').html(data);
			$j('#klas_export_dialog').dialog({
				close: function(){
					$j('#klas_export_dialog').dialog('destroy');
				}
			});
		});
	});

    $j('.logo_export').click(function(){
        $j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_logo_export'}, function(data){
            $j('#logo_export_dialog').html(data);
            $j('#logo_export_dialog').dialog({
                close: function(){
                    $j('#logo_export_dialog').dialog('destroy');
                }
            })
        })
    });

    $j('.school_export').click(function(){
		var logo_id = $j(this).attr('id');

		logo_id = logo_id.replace('school_export_', '');

		if(logo_id == 0)
		{
			logo_id = false;
		}

		$j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_export_scholen', 'params[1]': logo_id}, function(data){
			$j('#school_export_dialog').html(data);
			$j('#school_export_dialog').dialog({
				close: function(){
					$j('#school_export_dialog').dialog('destroy');
				}
			});
		});
	});

    /* CONTROLE FUNCTIES OP UI FORMULIEREN */
    $j('#submit_handelaar_create, #submit_handelaar_edit').live('click', function(){
        // nakijken of de verplichte velden zijn ingevuld
        var verplichte_velden = ['naam', 'straat', 'nummer', 'postcode', 'gemeente'];
        var valid_post = true;

        for(i=0;i<verplichte_velden.length;i++)
        {
            if($j('#handelaar_'+verplichte_velden[i]).val() == '')
            {
                valid_post = false;
                $j('#handelaar_'+verplichte_velden[i]+'_error').css('display', 'block');
            }
            else
            {
                $j('#handelaar_'+verplichte_velden[i]+'_error').css('display', 'none');
            }
        }

        if($j('#logo_dropdown').val() == 0)
        {
            valid_post = false;
            $j('#handelaar_logo_error').css('display', 'block');
        }
        else
        {
            $j('#handelaar_logo_error').css('display', 'none');
        }

        if(valid_post)
        {
            $j('#handelaar_add_form').submit();
        }
        else
        {
            document.location = String(document.location).replace(/\#form_top$/, "")+'#form_top';
        }
    });

    /** JQUERY UI FUNCTIES **/

    $j('#school').livequery('change', function(){
        var selectie = $j('#school').val();

        if(selectie == 0 || isNaN(selectie))
        {
            $j('#klas_register_form_part_2').addClass('hidden');
        }
        else
        {
            $j('#klas_register_form_part_2').removeClass('hidden');
        }
    });
    
    $j('input#klas_postcode').keyup(function(){
        if($j('input#klas_postcode').val().length == 4)
		{
			$j.post('index.php?page=2', {'ajax': 1, 'method': 'fos_get_scholen_by_postcode', 'params[1]': $j('input#klas_postcode').val()}, function(data){
                $j('#school_select').append(data);
                $j('#school_select').removeClass('hidden');
                $j('#school_select_uitleg').addClass('hidden');
			});
		}
		else
		{
			$j('#school_select').addClass('hidden');
            $j('#school_select').html('');
            $j('#klas_register_form_part_2').addClass('hidden');
            $j('#school_select_uitleg').removeClass('hidden');
		}
	});

    $j('#score').livequery('keyup', function(){
        if($j('#score').val() > 50)
        {
            $j('#score').val('50');
        }
    });

    setTimeout('diashow()', 8000);
});

function diashow()
{
    if(img_teller >= diashow_urls.length)
	{
		img_teller = 0;
	}

    $j('#diashow').attr('src', diashow_urls[img_teller])

    img_teller++;

    setTimeout('diashow()', 8000);
}

/*
* Deze functie zal de ingevulde naam nakijken en laten weten of deze al bezet is.
*
*/
function checkName(joker){
    // eerst moeten we de value in het tekstvak ophalen
    var name = $j('#gebruikersnaam').attr('value');
    // dan moeten de ajaxpagina ophalen
    $j.get('index.php?page=X_AjaxTFNaamControle&joker='+joker+'&naam='+name, function(data){
        if(data == 'Deze gebruikersnaam is vrij om te gebruiken.' || data == 'Dit is uw huidige gebruikersnaam.')
        {
            $j('#warning_div').css('display', 'block');
            $j('#warning_div').attr('class', 'ok');
            $j('#warning_div').empty();
            $j('#warning_div').append('<span>'+data+'</span>');
        }
        else
        {
            $j('#warning_div').css('display', 'block');
            $j('#warning_div').attr('class', 'err');
            $j('#warning_div').empty();
            $j('#warning_div').append('<span>'+data+'</span>');
        }
    });
}

function showForm(){
    $j('#show_form').css('display', 'none');
    $j('#school_form').css('display', 'block');
}