/// <reference path="/Electrabel/Resources/js/jquery-1.4.1.min-vsdoc.js" />
jQuery.noConflict();


function StartLoading() {
    TroggleControl("input", true);
    TroggleControl("textarea", true);
}

function EndLoading() {
    TroggleControl("input", false);
    TroggleControl("textarea", false);
}


function TroggleControl(control, disabled) {

    var controls = jQuery(control);

    for (n = 1; n <= controls.length; n++) {
        controls.get(n).disabled = disabled;
    }

}



function remove_link_lines() {
    document.getElements('a').addEvent('focus', function () { this.blur() });
}


function changehometab(id) {
    var tabs = new Array;

    tabs = jQuery('#hometabslist li');

    for (n = 1; n <= tabs.length; n++) {
        jQuery('#li' + n).get(0).className = '';
        jQuery('#tabblokcontent' + n).get(0).className = 'tabblokcontent hidden';
    }
    jQuery('#li1').get(0).className = 'first';

    if (id == 1) {
        jQuery('#li' + id).get(0).className = 'first actief';
    } else {
        jQuery('#li' + id).get(0).className = 'actief';
    }

    jQuery('#tabblokcontent' + id).get(0).className = 'tabblokcontent';
}


function changeproducttab(id) {
    var tabs = new Array;

    tabs = jQuery('#producttabslist li');

    for (n = 1; n <= tabs.length; n++) {
        jQuery('#li' + n).get(0).className = '';
        jQuery('#product_tabblokcontent' + n).get(0).className = 'product_tabblokcontent hidden';
    }

    jQuery('#li1').get(0).className = 'first';

    if (id == 1) {
        jQuery('#li' + id).get(0).className = 'first actief';
    }
    else {
        jQuery('#li' + id).get(0).className = 'actief';
    }

    jQuery('#product_tabblokcontent' + id).get(0).className = 'product_tabblokcontent';
}

function openPopup(strUrl, strName, intWidth, intHeight, blnDirectories, blnLocation, blnMenuBar, blnResizable, blnScrollbars, blnStatusBar, blnToolBar) {

    var strFrameName = strName || 'popup';
    var intFrameWidth = intWidth || 700;
    var intFrameHeight = intHeight || 500;
    var blnFrameDirs = blnDirectories || 'false';
    var blnFrameLocation = blnLocation || 'false';
    var blnFrameMenu = blnMenuBar || 'false';
    var blnFrameResize = blnResizable || 'false';
    var blnFrameScroll = blnScrollbars || 'false';
    var blnFrameStatus = blnStatusBar || 'false';
    var blnFrameToolBar = blnToolBar || 'false';

    //var objWindowSize = window.getSize();
    //var intTop = (objWindowSize.size.y-intFrameHeight)/2;
    //var intLeft = (objWindowSize.size.x-intFrameWidth)/2;

    var strProperties = 'width=' + intFrameWidth + ', height=' + intFrameHeight + ', directories=' + blnFrameDirs;
    strProperties += ', location=' + blnFrameLocation + ', menubar=' + blnFrameMenu + ', resizable=' + blnFrameResize;
    strProperties += ', scrollbars=' + blnFrameScroll + ', status=' + blnFrameStatus + ', toolbar=' + blnFrameToolBar;

    window.open(strUrl, strFrameName, strProperties);
}



function goSetHeight(min_height) {
    var el = jQuery('iframePage');

    if (el) {
        if (el.document) {
            var frame_height = el.document.body.scrollHeight;
            if (parseInt(min_height) > parseInt(frame_height)) {
                el.height = min_height;
            }
            else {
                el.height = frame_height + 20;
            }
        }
        else {
            el.height = min_height;
        }
    }
}

function goSetHeightIFrameBreed(min_height) {
    var el = jQuery('#iframePageBreed');

    if (el) {
        el = el.get(0);

        if (el.document) {
            var frame_height = el.document.body.scrollHeight;

            if (parseInt(min_height) > parseInt(frame_height)) {
                el.height = min_height;
            }
            else {
                el.height = frame_height + 20;
            }
        }
        else {
            el.height = min_height;
        }
    }
}


function refreshParent(product, path) {

    if (path == '')
        path = '/thuis/Klant_worden/Direct_aanmelden.aspx'

    if (product == '') {
        var url = 'http://' + window.opener.location.hostname + path;
    }
    else {
        var url = 'http://' + window.opener.location.hostname + path + '?p=' + product;
    }
    window.opener.location.href = url;


    if (window.opener.progressWindow) {
        window.opener.progressWindow.close()
    }
    window.close();
}

var utmxajaxHtml = {};
function utmxajax_fillsections(sectioncatid) {
    var i = 1;
    if (typeof utmxajaxHtml[sectioncatid + '_' + i] == "undefined") {
        // dit is de "eerste keer", dus niet ajax

        while (jQuery('utmxajax_' + sectioncatid + '_section' + i + '_src').get(0)) {
            var html = jQuery('utmxajax_' + sectioncatid + '_section' + i + '_src').get(0).innerHTML;
            // alleen vervangen als google iets heeft gedaan
            if (html.indexOf('<noscript') >= 0) {
                utmxajaxHtml[sectioncatid + '_' + i] = html;
            }
            else {
                utmxajaxHtml[sectioncatid + '_' + i] = '';
            }
            i++;
        }
    }

    i = 1;
    while (typeof utmxajaxHtml[sectioncatid + '_' + i] != "undefined") {
        if (jQuery('#utmxajax_' + sectioncatid + '_section' + i + '_dst').get(0)) {
            var html = utmxajaxHtml[sectioncatid + '_' + i];
            // alleen vervangen als google iets heeft gedaan
            if (html.indexOf('<noscript') >= 0) {
                jQuery('#utmxajax_' + sectioncatid + '_section' + i + '_dst').get(0).innerHTML = html;
            }
        }
        i++;
    }
}


// *************************************************************
// ** OnUpdating
// ** ----------------------------------------------------------
// ** Toont het ajax update schermpje en maakt de achtergrond
// ** geblurred;
// *************************************************************
function Ess_Ajax_OnUpdating()
{
    var divPopup = document.getElementById ('Ess_Ajax_BezigMetLaden' );
            
    if(divPopup != null)
    {   
        divPopup.style.display       = 'block';
        divPopup.style.position      = 'absolute';        
        divPopup.style.top           = ( Ess_Ajax_IETrueBody().scrollTop  + Ess_Ajax_IETrueBody().clientHeight - 140 ) + 'px';
        divPopup.style.left          = ( Ess_Ajax_IETrueBody().scrollLeft + Ess_Ajax_IETrueBody().clientWidth  - 240 ) + 'px';
    }

    Ess_Ajax_changeOpac(0, 'Ess_Ajax_Modal');
    Ess_Ajax_changeOpac(0, 'Ess_Ajax_BezigMetLaden');
    
    var divModal = document.getElementById ('Ess_Ajax_Modal' );    
    if(divModal != null)
    {
        divModal.style.display       = 'block';
        divModal.style.position      = 'absolute';
        divModal.style.top           = '0px';
        divModal.style.left          = '0px';
        divModal.style.height        = Ess_Ajax_IETrueBody().scrollTop  + Ess_Ajax_IETrueBody().clientHeight + 'px';
        divModal.style.width         = Ess_Ajax_IETrueBody().scrollLeft + Ess_Ajax_IETrueBody().clientWidth + 'px';       
    }
    
    window.onscroll=Ess_Ajax_OnScroll; 
    window.onresize=Ess_Ajax_OnScroll;
    
    //Ess_Ajax_opacity( 'Ess_Ajax_Modal' , 0 , 30 , 500 );
    //Ess_Ajax_opacity( 'Ess_Ajax_BezigMetLaden' , 0 , 100 , 500 );
    Ess_Ajax_changeOpac(30, 'Ess_Ajax_Modal'); 
    Ess_Ajax_changeOpac(100, 'Ess_Ajax_BezigMetLaden'); 
}

// *************************************************************
// ** OnScroll
// ** ----------------------------------------------------------
// ** Zorg dat de achtergrond mee scrolt
// *************************************************************
function Ess_Ajax_OnScroll()
{
    var divPopup = document.getElementById ('Ess_Ajax_BezigMetLaden' );
            
    if(divPopup != null)
    {
        divPopup.style.top           = ( Ess_Ajax_IETrueBody().scrollTop  + Ess_Ajax_IETrueBody().clientHeight - 140 ) + 'px';
        divPopup.style.left          = ( Ess_Ajax_IETrueBody().scrollLeft + Ess_Ajax_IETrueBody().clientWidth  - 240 ) + 'px';
    }
    
    var divModal = document.getElementById ('Ess_Ajax_Modal' );    
    if(divModal != null)
    {
        divModal.style.height        = Ess_Ajax_IETrueBody().scrollTop  + Ess_Ajax_IETrueBody().clientHeight + 'px';
        divModal.style.width         = Ess_Ajax_IETrueBody().scrollLeft + Ess_Ajax_IETrueBody().clientWidth + 'px';       
    }    
}

// *************************************************************
// ** IETrueBody
// ** ----------------------------------------------------------
// ** Crossbroser comatible script om werkelijke breedte en 
// ** hoogte van het scherm op te vragen;
// *************************************************************	
function Ess_Ajax_IETrueBody()
{
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}


// *************************************************************
// ** Opacity
// ** ----------------------------------------------------------
// ** Verander de opacity van een opgegeven control door middel
// ** van een fade in/fade out effect
// *************************************************************	
function Ess_Ajax_opacity( id , opacStart , opacEnd , millisec ) 
{											 
	//speed for each frame 
	var speed = Math.round(millisec / 100); 
	var timer = 0; 

	//determine the direction for the blending, if start and end are the same nothing happens 
	if( opacStart > opacEnd ) 
	{ 
		for(i = opacStart; i >= opacEnd; i--) 
		{ 
			setTimeout("Ess_Ajax_changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	} 
	else if( opacStart < opacEnd ) 
	{ 
		for(i = opacStart; i <= opacEnd; i++) 
		{ 
			setTimeout("Ess_Ajax_changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	}				
}

// *************************************************************
// ** ChangeOpac
// ** ----------------------------------------------------------
// ** Crossbrowser script om opacity van een control te 
// ** veranderen
// *************************************************************				
function Ess_Ajax_changeOpac(opacity, id) 
{	
	var object = document.getElementById(id).style; 
	object.opacity      = (opacity / 100); 
	object.MozOpacity   = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter       = "alpha(opacity=" + opacity + ")"; 
	
	if (opacity == 0)
	{
	    object.display = 'none';	    
	}
	else
	{
	    object.display = 'block';
	}
}