function saveCredentials(formId, usernameField, passwordField, checkbox, suffix, initialize)
{
    var form = document.getElementById("form" + formId);
    
    var usernameField = form[usernameField];
    var passwordField = form[passwordField];
    
    if (initialize)
    {
        if ((usernameField.value == "" && passwordField.value == "")
            || (usernameField.value == "gebruikersnaam" && passwordField.value == ""))
        {
            usernameField.value = cookie.getEntry('username' + suffix);
            passwordField.value = cookie.getEntry('password' + suffix);
        }
        
        var saveState = cookie.getEntry('save' + suffix);
        if (saveState == "false")
        {
            checkbox.checked = false;
        }
        else
        {
            checkbox.checked = true;
        }
    }

    if (initialize || checkbox.checked != false)
    {
        Event.attach(form, 'submit', function()
            {
                cookie.writeEntry('username' + suffix, usernameField.value, 365);
                cookie.writeEntry('password' + suffix, passwordField.value, 365);
            }, null, true);
    }
    else
    {
        Event.attach(form, 'submit', function()
            {
                cookie.writeEntry('username' + suffix, null, -1);
                cookie.writeEntry('password' + suffix, null, -1);
            }, null, true);
    }
    
    cookie.writeEntry('save' + suffix, checkbox.checked, 365);
}

function toggleFormFieldById(elementId, show)
{
    document.getElementById(elementId).style.display = (show)? "inline" : "none";
    document.getElementById(elementId + "_row").style.position = (show)? "relative" : "absolute";
    document.getElementById(elementId + "_row").style.visibility = (show)? "visible" : "hidden";
}

function toggleFormField(element, elementId, show)
{
    toggleFormFieldById(element.id.substring(0, 16) + elementId, show);
}

function removeLoginChildren(parentItem)
{
    var parentItem = document.getElementById(parentItem);
    var childNode = parentItem.firstChild;

    while (childNode)
    {
        if (childNode.tagName == 'P' || childNode.tagName == 'UL')
        {
            childNode.style.display = 'none';
        }

        childNode = childNode.nextSibling;
    }
}

function openGebruiksvoorwaarden()
{
    var url = '/popup-gebruiksvoorwaarden';
    var voorwaardenPopup = window.open(url,'name','height = 600, width = 540, resizeable = 1, status = 0, screenX = 0, screenY = 0, left = 0, top = 0, scrollbars=yes');
    if (window.focus) {
        voorwaardenPopup.focus();
    }
}


var fillLoginData = function(input, text)
{
    input.value = text;

    input.onfocus = function()
    {
        if (input.value == text)
        {
            input.value = "";
        }
    }

    input.onblur = function()
    {
        if (input.value == "")
        {
            input.value = text;
        }
    }
}

// The code that creates the default text in the input fields.
window.onload = function()
{
    if (document.getElementById("cms_cm182__form__email"))
    {
        if (document.getElementById("cms_cm182__form__email").value == '')
        {
            fillLoginData(document.getElementById("cms_cm182__form__email"), "gebruikersnaam");
            document.getElementById("cms_cm182__form__pass").value = "";
        }
    }
    
    var placeholder = document.getElementById("password_placeholder");
    var password = document.getElementById("cms_cm182__form__pass");

    if (document.getElementById("cms_cm182__form__pass"))
    {
        if (document.getElementById("cms_cm182__form__pass").value != '')
        {
            placeholder.style.visibility = "hidden";
        }
    }
    
    if (placeholder)
    {
        placeholder.innerHTML = "wachtwoord";
        placeholder.onclick = function()
        {
            this.style.visibility = "hidden";
            password.focus();
        }
    }
    
    if (password)
    {
        password.onfocus = function()
        {
            placeholder.style.visibility = "hidden";
        }

        password.onblur = function()
        {
            if(password.value == "")
            {
                placeholder.style.visibility = "visible";
            }
        }
    }
}

function popover()
{
    this.initialize = function()
    {
        var popover = this;
        jQuery(document).ready(function()
        {
            var uri = window.location.href.slice(window.location.href.indexOf('nl/') + 3);

            if
            (
                uri == '' ||
                uri == 'import-export' ||
                uri == 'home' ||
                uri == 'home/ingelogd'
            )
            {
                jQuery(document).pngFix();

                if (!popover.hasCookie())
                {
                    popover.setCookie();
                    popover.checkIpUa();
                }
            }
        });
    },

    this.hasCookie = function()
    {
        //return cms.core.cookie.getEntry('seenPopover') == 1;
        return 0;
    },

    this.setCookie = function()
    {
        cms.core.cookie.writeEntry('seenPopover', 1, 365);
    },

    this.checkIpUa = function()
    {
        var request = new HttpRequest();
        request.setCallback(this.responseIpUa, this, false);
        request.sendRequest('/popover.php');
    },

    this.responseIpUa = function(response)
    {
        if (response != "0")
        {
	        this.showPopover();
        }
    },

    this.showPopover = function()
    {
        // Haal de inhoud van de popup via AJAX op
        var div = document.createElement('div');
        div.id = 'popupContainer';

        jQuery(div).load('/client/exportcircle/template/popover.html', {}, function(responseText, textStatus, XMLHttpRequest)
        {
	        var player = null;
	        var playlist = null;
	        
	        // append div
	        document.body.appendChild(div);
	        
	        var heightVar = '';
	        
	        if (navigator.userAgent.toLowerCase().indexOf('ie') > -1)
	        {
		        heightVar = 469;
	        }
	        else
	        {
		        heightVar = 470;
	        }

            var flashvars =
            {
            'file':                   '/client/exportcircle/upload/Video/KvK_Exportcircle_Popup.flv',
            'bufferlength':           '5',
            'id':                     'popupPlayer',
            'autostart':              'true'
            };

            var params =
            {
                'allowfullscreen':        'true',
                'allowscriptaccess':      'always',
                'bgcolor':                '#FFFFFF'
            };

            var attributes =
            {
                'id':                     'popupPlayer',
                'name':                   'popupPlayer'
            };

     
            swfobject.embedSWF('/resources/mediaplayer.swf', 'previewWindow', '600', heightVar, '9.0.124', 'false', flashvars, params, attributes);

            // Toon de popup
            jQuery(div).dialog(
            {
       	        modal :  true,
           	    resizable : false,
                draggable : false,
               	autoOpen : true,
	            closeOnEscape : true,
                width : 700,
      	        height : 535
	        });
        });
    }
}

function playerReady(obj)
{
    player = document.getElementById(obj.id);
    playerAddListener(obj);
}

function playerAddListener()
{
    try
    {
      playlist = player.getPlaylist();
    }
    catch(e)
    {
      setTimeout("playerAddListener()", 100);
    }

    player.addModelListener('STATE', 'playerStateTracker');
}

function playerStateTracker(obj)
{
    if (obj.newstate == 'COMPLETED')
    {
        jQuery('div#popupContainer').dialog('close');
    }
};

// per 6 januari 2011 moest de popup offline zijn, vandaar het in commentaar staan van de aanroep
//var popover = new popover();
//popover.initialize();