var obj;
var obj_parent;

$get = function(id) {
    return document.getElementById(id);
}

function onLoad() {
    doCufon();
}

$(document).ready(function() {
    $(".shadow_block > div").hover(ShadowBlockIn, ShadowBlockOut);    
    $("#password-question").mouseover(function() { $(".PQ_popup").toggle() });
    $("#password-question").mouseout(function() { $(".PQ_popup").toggle() });
    $("#question-mark").mouseover(function() { $(".QM_popup").toggle() });
    $("#question-mark").mouseout(function() { $(".QM_popup").toggle() });
    $("#question-inform").mouseover(function() { $(".QI_popup").toggle() });
    $("#question-inform").mouseout(function() { $(".QI_popup").toggle() });
   


    $('.footer span').hover(
        function() {
            $(this).css('color', '#C5C5C5');
            Cufon.replace('#footer span', { fontFamily: 'The Sans Extra Bold' });
        },
        function() {
            $(this).css('color', '#888888');
            Cufon.replace('#footer span', { fontFamily: 'The Sans Extra Bold' });
        });

    //corection for scroll appearing in IE versions lower than 8
    if (browserType() == 'MSIE' && versionMSIE() != 8 && ($(".code").attr('scrollWidth') > $(".code").attr('offsetWidth'))) {
        $(".code").css('padding-bottom', 29 + 'px');
    }

    //styles corection for IE
    if (browserType() == 'MSIE' && versionMSIE() != '8') {
        $('.DarkRed_block_opened').css('padding', '10px');
        $('.MiddleRed_block_opened').css('padding', '10px');
        $('.LightRed_block_opened').css('padding', '10px');
        $('.brown_red_block').css('padding-top', '5px');
        $('.indexLeftContentPart').css('top', '290px');
        
        $('.shadow_block .block img').css('padding-top', '3px');
        $('.shadow_block_over .block img').css('padding-top', '3px');        
    }

    setGraphicalCheckBoxsOnClick();
    registerStyles();

    doCufon();
    H2MarginLeft();
    setWindowWidth();
    FooterPosition();
    $('#subscription_accept').attr({ 'checked': false });
    $('.Verzenden').click(function() { nieuwsbriefPopupShow(); });
});

function setGraphicalCheckBoxsOnClick() {
    $(".check input:first-child").click(function() { setNextBtnVisibility(); });
}

function isGraphicalCheckBoxsCheked() {
    var checked = false;
    $(".check input:first-child").each(function(input) {
        if (this.checked) {
            checked = true;
        }
    });

    return checked;
}
function doCufon() {    
    // default cufon styles    
    Cufon.replace('h6', { fontFamily: 'The Sans Extra Bold' });
    Cufon.replace('#terug_voetbal a', { fontFamily: 'The Sans Extra Bold' });
    Cufon.replace('#faqPage h2', { fontFamily: 'The Sans Extra Bold' });
    Cufon.replace('#footer span', { fontFamily: 'The Sans Extra Bold' });
    
    // new cufon styles
    Cufon.replace('.TheSans6SemiBold',  { fontFamily: 'TheSans6SemiBold' });
    Cufon.replace('.TheSans7Bold',      { fontFamily: 'TheSans7Bold' });
    Cufon.replace('.TheSans7BoldCaps',  { fontFamily: 'TheSans7BoldCaps' });
    Cufon.replace('.TheSans8XBoldCaps', { fontFamily: 'TheSans8XBoldCaps' });

    Cufon.replace('h1', { fontFamily: 'TheSans7Bold', hover: true });
    Cufon.replace('.Teamlink h1', { fontFamily: 'The Sans Black', hover: true });        
    Cufon.replace('.shadow_block .block h1', { fontFamily: 'TheSans7Bold' });
    Cufon.replace('.shadow_block_over .block h1', { fontFamily: 'TheSans7Bold' });

    Cufon.replace('.shadow_block .block h1.homepage', { fontFamily: 'TheSans8XBoldCaps' });
    Cufon.replace('.shadow_block_over .block h1.homepage', { fontFamily: 'TheSans8XBoldCaps' });

    Cufon.replace('#selectPadeId .shadow_block .block h1', { fontFamily: 'TheSans6SemiBold' });
    Cufon.replace('#selectPadeId .shadow_block_over .block h1', { fontFamily: 'TheSans6SemiBold' });

    Cufon.replace('h4', { fontFamily: 'TheSans7BoldCaps', fontSize: '11px', hover: true });   
    Cufon.replace('#selectPadeId h4', { fontFamily: 'TheSans7BoldCaps', fontSize: '14px', fontWeight: 'normal' });
    
    Cufon.replace('h5', { fontFamily: 'TheSans8XBoldCaps', fontSize: '11px', textShadow: '#870001 2px 2px 2', hover: true });
    
}

$(window).resize(function() {
    setWindowWidth();
    FooterPosition();
});

// setting window width for small screen resolutions
function setWindowWidth() {
    //alert($('body').attr('clientWidth'));
    if ((browserType() == 'MSIE') && ($('body').attr('clientWidth') < 1010)) {
        if ($('body').attr('clientWidth') > 990)
            if (versionMSIE() == '6')
            $('.main').css('width', $('body').attr('clientWidth') - 10 + 'px');
        else
            $('.main').css('width', $('body').attr('clientWidth') + 'px');
        else $('.main').css('width', '990px');

        $('.main').css('overflow', 'hidden');
    }
    else {
        $('.main').css('width', '100%');
        $('.main').css('overflow', 'visible');
    }
}


// setting footer to the bottom of browser window
function FooterPosition() {
    var document_height = $(window).height();
    if (document_height > 745) {
        var document_height = $(window).height();
        $(".main").css('height', document_height - 35 + 'px');
        $(".container").css('height', document_height - 70 + 'px');

        var conteiner_height = $(".container").height();
        $(".content_shadow_left").css('height', conteiner_height + 'px');
        $(".content_shadow_right").css('height', conteiner_height + 'px');
        $(".content_containert").css('height', conteiner_height + 'px');
        $(".footer").css('height', document_height - conteiner_height - 35 + 'px');
    }
}


// regisrer styles
function registerStyles() {

    if (browserType() == 'Safari') {
        $('.select1').addClass('select1Safari');
        $('.select2').addClass('select2Safari');
        $('.select3').addClass('select3Safari');

        $('.requiredCheckbox').addClass('requiredCheckboxSafari');
    }
    if (browserType() == 'Opera') {
        $('.requiredCheckbox').addClass('requiredCheckboxOpera');
    }

    if (browserType() == 'MSIE') {
        if (versionMSIE() == 8)
            $('.requiredCheckbox').addClass('requiredCheckboxMSIE8');
    }
}

// definition of browser type and version
function browserType() {
    var agent = navigator.userAgent;
    var browser;
    if (agent.lastIndexOf('MSIE') != -1) browser = 'MSIE';
    else if (agent.lastIndexOf('Safari') != -1) browser = 'Safari';
    else if (agent.lastIndexOf('Firefox') != -1) browser = 'Firefox';
    else if (agent.lastIndexOf('Opera') != -1) browser = 'Opera';
    else browser = 'Unknown';
    return browser;
}

function versionMSIE() {
    var agent = navigator.userAgent;
    var version;
    if (agent.lastIndexOf('MSIE') != -1) {
        if (agent.lastIndexOf('5.0') != -1) version = 5;
        if (agent.lastIndexOf('5.5') != -1) version = 55;
        if (agent.lastIndexOf('6.0') != -1) version = 6;
        if (agent.lastIndexOf('7.0') != -1) version = 7;
        if (agent.lastIndexOf('8.0') != -1) version = 8;
    };
    return version;
}


// changing Shadow Blocks background
function ShadowBlockIn() {
    $(this).parent().removeClass("shadow_block");
    $(this)
        .parent().addClass("shadow_block_over")
        .find(".top_div").addClass("top_div_over")
        .parent().find(".bottom_div").addClass("bottom_div_over")
        .parent().find(".block").addClass("block_over");
}

function ShadowBlockOut() {
    $(this)
        .parent().removeClass("shadow_block_over")
        .find(".top_div").removeClass("top_div_over")
        .parent().find(".bottom_div").removeClass("bottom_div_over")
        .parent().find(".block").removeClass("block_over"); ;
    $(this).parent().addClass("shadow_block");
}

function OpenPopup(title, pageUrl) {
    $("#popupTitle").html(title);
    var url = __serverUrl + pageUrl;
    $("#popupFrame").attr('src', url);
    $(".popup").css('display', 'block');
    //#popup
    //var myFile = document.location.toString();
    var newPop = "#popup=" + pageUrl;
    var fixurl = window.location.href;
    var shr = window.location.href.split('#');
    if (shr.length > 0) {
        fixurl = shr[0];
    }
    window.location = fixurl + newPop;
}

function ClosePopup() {
    $(".popup").css('display', 'none');
    var shr = window.location.href.split('#');
    if (shr.length > 0)
    {
        window.location = shr[0] + '#';
    }
}

// h2 styles
function H2MarginLeft() {
    if (browserType() == 'MSIE') $('.wide H2').css('margin-left', '20px')
    else if (browserType() == 'Safari') $('.wide H2').css('margin-left', '15px')
    else if (browserType() == 'Firefox') $('.wide H2').css('margin-left', '19px')
    else if (browserType() == 'Opera') $('.wide H2').css('margin-left', '15px')
    else $('.wide H2').css('margin-left', '15px');
}

// form validation - adding-removing styles
function validation_AddWrongMarkToParent(obj) {
    obj.parent().addClass("wrong_field");
}
function validation_RemoveWrongMarkToParent(obj) {
    obj.parent().removeClass("wrong_field");
}
function validation_AddWrongMark(obj) {
    obj.addClass("wrong_field");
}
function validation_RemoveWrongMark(obj) {
    obj.removeClass("wrong_field");
}



/*  String utils  */

String.prototype.trim = function() {
    return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
}

function goBack() {
    history.back();
    return false;
}


function gotoUrlDelayed(url) {
    setTimeout('window.location = "' + url + '"', 1000);
}

var showLoginButtonFlag = true;

function showLoginButton(show) {
    showLoginButtonFlag = show;

    if (show == 'false') {
        if (window.location.href.indexOf('Select.aspx') != -1 ||
            window.location.href.indexOf('Home.aspx') != -1 || window.location.href.indexOf('.aspx') == -1) {
            //gotoUrl('/TeamSites/CreateWidgetLinkMenu.aspx?showLoginButton=' + show);
            //window.location = __serverUrl + '/TeamSites/CreateWidgetLinkMenu.aspx?showLoginButton=' + show;
            window.location = '/TeamSites/CreateWidgetLinkMenu.aspx?showLoginButton=' + show;
        }
    }
    else {
        // TODO: show bottons
        //lnkHomeLogin
        //lnkJoinMenuLogin
        if (window.location.href.indexOf('CreateWidgetLinkMenu.aspx') != -1 ||
            window.location.href.indexOf('CreateWidgetLink.aspx') != -1) {
            //gotoUrl('/TeamSites/Select.aspx?showLoginButton=' + show);
            //window.location = __serverUrl + '/TeamSites/Select.aspx?showLoginButton=' + show;
            window.location = '/TeamSites/Select.aspx?showLoginButton=' + show;
        }
    }
}

function widgetLogin(teamSiteId) {
    if (window.location.href.indexOf('Select.aspx') != -1 ||
            window.location.href.indexOf('Home.aspx') != -1 || window.location.href.indexOf('.aspx') == -1) {
        window.location = '/TeamSites/CreateWidgetLinkMenu.aspx?ts=' + teamSiteId + '&rtv=0';
    }
    else {
        if (window.location.href.indexOf('/TeamSites/CreateWidgetLinkMenu.aspx') != -1 && window.location.href.indexOf('ts=' + teamSiteId) == -1) {
            window.location = '/TeamSites/CreateWidgetLinkMenu.aspx?ts=' + teamSiteId + '&rtv=0';
        }
    }
}


function gotoSelect() {
    gotoUrl(UrlUtil.selectPageUrl + "?load=1");
}

function oninitBack(obj) {
    if (urlQuery("noback") == "1") {
        $("#" + obj).hide();
    }
}

function setWidgetSelectedTeamSite(teamSiteId) {
    var iframe = document.getElementById('widgetFrame');
    var url = __teamSelectUrl.replace('{0}', teamSiteId); //iframe.src;

//    var parIndex = url.indexOf(UrlUtil.flashSelectedTeamSitePar);
//    if (parIndex != -1) {
//        //substring
//        var par = UrlUtil.flashSelectedTeamSitePar + "=" + teamSiteId;

//        if (url.indexOf(par) == -1) {
//            url = url.substring(0, parIndex);
//            url += par + url.substring(parIndex + par.length);
//        }
//    }
//    else {
//        //        if (url.indexOf('#') == -1)
//        //            url += "#";

//        if (url.indexOf('?') == -1)
//            url += "?";
//        else
//            url += "&";

//        url += UrlUtil.flashSelectedTeamSitePar + "=" + teamSiteId;
//    }

    iframe.src = url;
}

function setFlashLoginParameter(val) {
    var iframe = document.getElementById('widgetFrame');
    var url = iframe.src;

    var login = "login=";
    var loginIndex = url.indexOf(login);
    if (loginIndex != -1) {
        iframe.src = url.substring(0, loginIndex + login.length) + val + url.substring(loginIndex + login.length + 1);
        return;
    }

    var diezIndex = url.indexOf('#');
    var questionIndex = url.indexOf('?');


    if (questionIndex != -1 && diezIndex != -1 && questionIndex < diezIndex) {
        url = url.substring(0, questionIndex);
        iframe.src = url + "#?" + login + val;
        return;
    }
    if (questionIndex != -1 && diezIndex == -1) {
        url = url.substring(0, questionIndex);
        iframe.src = url + "#?" + login + val;
        return;
    }


    if (url.indexOf('#') == -1)
        url += "#";

    if (url.indexOf('?') == -1)
        url += "?";
    else
        url += "&";

    iframe.src = url + login + val;
}

function callFlashLogin() {
    setFlashLoginParameter("1");
}

function callFlashRegister() {
    setFlashLoginParameter("2");
}


function nextToggle(gener) {

    $(gener).next().toggle();

    //    if ($(gener).next().css('display') == 'block') {
    //        $(gener).parent().addClass('oppened');
    //    }
    //    else {
    //        $(gener).parent().removeClass('oppened'); 
    //    }

    return true;
}
function titleNextToggle(gener) {
    $(gener).next().toggle();
    return true;
}

function endProces(url) {
    parent.location.href = url;
    return true;
}

function nieuwsbriefPopupShow() {
    var formValid = $('#ctl00_cphRightContent_pnlR_ctl01_btnNext').attr('validation');

    if (formValid == 'true' && !$('#chkSubscription').attr('checked') && !$('#subscription_accept').attr('checked')) {
        $('.nieuwsbriefPopup').fadeIn('slow');

        var h = $('.nieuwsbriefPopup').height() - 3;
        $('.nieuwsbriefPopup').css('margin-top', -h + 'px');

        if (browserType() == 'MSIE' && versionMSIE() == 6) {
            $('#ctl00_cphRightContent_pnlR_ctl00_pickDateReg_1').css('visibility', 'hidden');
            $('#ctl00_cphRightContent_pnlR_ctl00_pickDateReg_2').css('visibility', 'hidden');
            $('#ctl00_cphRightContent_pnlR_ctl00_pickDateReg_3').css('visibility', 'hidden');
        }

        return false;
    }
}

function nieuwsbriefPopupHide() {
    if ($('#subscription_accept').attr('checked')) {
        $('.nieuwsbriefPopup').fadeOut('slow');
        if (browserType() == 'MSIE' && versionMSIE() == 6) {
            $('#ctl00_cphRightContent_pnlR_ctl00_pickDateReg_1').css('visibility', 'visible');
            $('#ctl00_cphRightContent_pnlR_ctl00_pickDateReg_2').css('visibility', 'visible');
            $('#ctl00_cphRightContent_pnlR_ctl00_pickDateReg_3').css('visibility', 'visible');
        }
    }
}

function registerDoSubmit() {
    var val = _validation.doSubmit('tblRegistrationForm');
    if (val) {
        $('.Verzenden').attr({ 'validation': val });
        if ($('#chkSubscription').attr('checked') || $('.nieuwsbriefPopup').css('display') == 'block') {
            nieuwsbriefPopupHide();
            return true;
        }
    }
    return false;
}

function SendTsActivationMail(teamSiteId, obj) {
    var req = { "teamSiteId": teamSiteId };
    $invoke('SendTeamLinkActivationMail', req, ShowResponse, obj);
}

function SendTeamSiteUserActivationMail(teamSiteUserId, obj) {
    var req = { "teamSiteUserId": teamSiteUserId };
    $invoke('SendTeamSiteUserActivationMail', req, ShowResponse, obj);
}

function ShowResponse(response, obj) {
    $(obj).parent().text(response);
}