﻿var LAYOUT_CONTENT_NB_OF_THUMBNAILS = 8; // Number of thumbnails for the content page layout
var LAYOUT_WIDTH = 950; // Width in pixels of the default layout (to calculate menu positioning)
var LAYOUT_HOME_MAX_PRODUCTS = 7; // Number of products in slider of home page

var lngMenuTimerId = 0;
var cycleInterval = 8000;

$(document).ready(function() {
    // Show carousel
    $("#carouselContainer").show();

    // Product slider (http://www.portalzine.de/index?/Horizontal_Accordion--print) for parameters
    $(".accordion").hrzAccordion({ containerClass: "container",
        listItemClass: "listItem",
        cycle: true,
        cycleInterval: cycleInterval ,
        contentWrapper: "contentWrapper",
        contentInnerWrapper: "contentInnerWrapper",
        handleClass: "handle",
        handleClassOver: "handleOver",
        handlePositionArray: "left,left,left,left,left,left,left,left",
        openOnLoad: 1,
        handleClassSelected: "handleSelected",       
        eventAction: function(i)
        {
        }
    });
    
     // Reset du timer pour l'animation lorsqu'on click avec la souris sur un item de l'accordéon.
    $('.accordion > li').click(function(e) {    	
		if (e.which != undefined) {

            variable_holder = window.clearInterval(variable_holder);
            var elementCount = $('.accordion > li, .accordion > li').size();
	        variable_holder = "intervalacc";
            var i = parseInt(e.currentTarget.id.substr(17)) + 1;
            var loopStatus = "start";

           variable_holder = window.setInterval(function() 
            {
                if (loopStatus == "start") 
                {
                    i = i + 1;
                } 
                else 
                {
                    i = i - 1;
                }

                if (i >= elementCount && loopStatus == "start") 
                {
                    loopStatus = "end";
                    i = elementCount;
                }

                if (i == 0 && loopStatus == "end") 
                {
                    loopStatus = "start";
                    //i = 0;

                }
                
                $("#acc" + i).trigger("click");
                
            }, cycleInterval );
        }
    });
    
    jQuery('#carousel').jcarousel({
        scroll: 1
    });

    // Onglets événements, communiqués et blogues
    $("#panelEvents").hide();
    $("#panelBlog").hide();
    $(".newsBox").mouseover(function() {
        $(this).css("background-color", "#ffffff");
    });
    $(".newsBox").mouseout(function() {
        $(this).css("background-color", "#E5E8EB");
    });

    // Menu principal
    $('.mainnavitem').hover(function() {
        if ($(this).children(".navsub-pad").children(".mainnavsub").css('display') != 'block') {
            $('.mainnavsub').fadeOut(0);
            $(this).children(".navsub-pad").children(".mainnavsub").fadeIn(0);
            var menuLeft = $(this).offset().left;
            var menuRigth = menuLeft + $(this).width();

            var subMenuLeft = $(this).children(".navsub-pad").children(".mainnavsub").offset().left;
            var subMenuWidth = $(this).children(".navsub-pad").children(".mainnavsub").width();
            var subMenuRight = subMenuLeft + subMenuWidth;
            var windowWidth = $(window).width();

            if (windowWidth < LAYOUT_WIDTH) {
                windowWidth = LAYOUT_WIDTH;
            }

            if (subMenuRight > windowWidth) {
                $(this).children(".navsub-pad").children(".mainnavsub").css('left', (subMenuLeft - (subMenuRight - menuRigth) + 28) + "px");
            }
        } else {
            $('.mainnavsub').fadeOut(0);
        }

        return true;
    });

    $(".mainnavsub > div:last-child").each(function() {
        if ($(this).attr('class').indexOf('navlink') >= 0) {
            $(this).attr('class', $(this).attr('class') + " last-child");
        } else {
            $("div:last-child", this).attr('class', $("div:last-child", this).attr('class') + " last-child");
        }
    });


    $('.navlink').hover(function(event) {
        $('.navlink').css('background-color', 'transparent');
        if ($(this).attr('class').indexOf('last-child') != -1) {
            mainMenulastElementHover($(this));
        } else {
            $(this).css('background-color', '#ebeef1');
        }
    });

    $('.navlink').mouseout(function(event) {
        $(this).css('background-color', 'transparent');
        $('.mainnavsub').css('background-image', 'url("/Style Library/Images/genetec/bg-sub-mnu.gif")');
    });

    $('.navlink > a').mouseout(function() {
        $('.navlink').css('background-color', 'transparent');
        $('.mainnavsub').css('background-image', 'url("/Style Library/Images/genetec/bg-sub-mnu.gif")');
    });

    $('.navlink > a').hover(function(event) {
        $('.navlink').css('background-color', 'transparent');
        if ($(this).parent().attr('class').indexOf('last-child') != -1) {
            mainMenulastElementHover($(this).parent());
        } else {
            $(this).parent().css('background-color', '#ebeef1');
        }
        event.stopPropagation();
    });

    $('.navlink > a').each(function() {
        $(this).parent().attr('onclick', 'location.href="' + $(this).attr('href') + '"');
        $(this).parent().css('cursor', 'pointer');
    });


    // close menus if clicked outside menu area
    $('body').click(function() {
        $('#languageMenu > div').fadeOut(200);
        return true;
    });

    // stop the menus from closing when inside the menu area
    $('.mainnavitem').click(function(event) {
        event.stopPropagation();
    });

    $('.maincontentnavitem > a').each(function(index) {
        if (cleanString(this.innerHTML) == '') {
            $(this).parent().fadeOut(100);
        }
    });

    // Language menu
    $('#languageMenu > .lngSubMenu').css('display', 'none');

    $('#languageMenu > a, #lngSubMenu, .lngLink').hover(function(event) {
        clearTimeout(lngMenuTimerId);
        if ($(this).parent().children('.lngSubMenu').css('display') == 'none') {
            $(this).parent().children('.lngSubMenu').fadeIn(500)
        }
        event.stopPropagation();
        return false;
    });

    $('#languageMenu > a, #lngSubMenu, .lngLink').mouseout(function() {
        clearTimeout(lngMenuTimerId);
        lngMenuTimerId = setTimeout('hideLngMenu();', 200);
    });

    showMainContent(1);

    // FAQ
    $('.faqGroup').children('.faqAnswer').css('display', 'none');
    $('.faqGroup').children('.faqAnswer').css('cursor', 'pointer');
    $('.faqGroup').children('.faqSummary').css('cursor', 'pointer');
    $('.faqSummary').click(function() {
        $(this).hide();
        $(this).parent().children('.faqAnswer').slideToggle(500);
    });
    $('.faqAnswer').click(function() {
        $(this).hide();
        $(this).parent().children('.faqSummary').slideToggle(500);
    });

    // Search box
    if ($('.ms-sbplain') != null) {
        $('.ms-sbplain').val($('#lblSearch').val());
        $('.ms-sbplain').click(function() {
            if ($('.ms-sbplain').val() == $('#lblSearch').val()) {
                $('.ms-sbplain').val('');
            }
        });

        $('.ms-sbplain').blur(function() {
            if ($('.ms-sbplain').val() == '') {
                $('.ms-sbplain').val($('#lblSearch').val());
            }
        });
    }

    // Remove extra spaces in tab layout
    $('.maincontentnavitem > a').each(function() {
        var txtHtml = $(this).html();
        txtHtml = txtHtml.replace('&nbsp;', '').replace('	', '').replace('\n', '');
        $(this).html(txtHtml);
        if (txtHtml == '') {
            $(this).parent().remove();
        }
    });

    // Remove empty tabs in tab layout
    $('.mainnavsub').each(function() {
        var txtHtml = $(this).html();
        if (txtHtml == '') {
            $(this).remove();
        }
    });

    // Hide all tab layout if every tabs are empty
    if ($('#maincontentnavitem1').html() != null) {
        if (cleanString($('#maincontentnavitem1 > a').html()) == '' &&
    	    cleanString($('#maincontentnavitem2 > a').html()) == '' &&
    	    cleanString($('#maincontentnavitem3 > a').html()) == '' &&
    	    cleanString($('#maincontentnavitem4 > a').html()) == '' &&
    	    cleanString($('#maincontentnavitem5 > a').html()) == '' &&
    	    cleanString($('#maincontentnavitem6 > a').html()) == '' &&
    	    cleanString($('#maincontentnavitem7 > a').html()) == '' &&
    	    cleanString($('#maincontentnavitem8 > a').html()) == '') {
            $('#maincontentnav').hide();
            $('#maincontent1').hide();
        }
    }

    if ($('#tools') != null) {

        $('#tools > a > img').each(function() {
            var src = $(this).attr('src');
            if (src.indexOf('letter_one') > -1) {
                $(this).attr('src', '/Style Library/images/genetec/letter_one-over.gif');
            }
        });

        $('#tools > a > img').click(function() {
            var src = $(this).attr('src');
            $('#tools > a > img').each(function() {
                var src = $(this).attr('src');

                if (src.indexOf('letter_one') > -1) {
                    $(this).attr('src', '/Style Library/images/genetec/letter_one.gif');
                }

                if (src.indexOf('letter_two') > -1) {
                    $(this).attr('src', '/Style Library/images/genetec/letter_two.gif');
                }

                if (src.indexOf('letter_three') > -1) {
                    $(this).attr('src', '/Style Library/images/genetec/letter_three.gif');
                }
            });
            $(this).attr('src', src.replace(/\print.gif/i, 'print-over.gif'));
        });
    }

    $('.panelBoxItemSel > a').css("color", "#0073b1");
    $('.panelBoxItemSel > a').css("font-weight", "bold");

    // Change the images for paging (arrows)
    $('.careerNav > a > img, .newsPaging > a > img').each(function() {
        var src = $(this).attr('src');
        if (src.indexOf('/images/next.gif') > -1) {
            $(this).attr('src', '/Style Library/images/genetec/arrow-paging-right.gif');
        }
        if (src.indexOf('/images/prev.gif') > -1) {
            $(this).attr('src', '/Style Library/images/genetec/arrow-paging-left.gif');
        }
        $(this).attr('style', 'position: relative; top: 2px;');
    });


});

function mainMenulastElementHover(objItem) {
    if (objItem.parent().attr('class').indexOf('mainnavsub') != -1) {
        objItem.parent().css('background-image', 'url("/Style Library/Images/genetec/bg-sub-mnu-last-over.gif")');
    } else {
        objItem.parent().parent().css('background-image', 'url("/Style Library/Images/genetec/bg-sub-mnu-last-over.gif")');
    }
}

function hideLngMenu() {
    $("#lngSubMenu").fadeOut(200);
}

// Roll over of carousel
function carOver(objImage) {
    objImage.src = objImage.src.replace(".jpg", "-on.jpg");
}

// Roll out of carousel
function carOut(objImage) {
    objImage.src = objImage.src.replace("-on.jpg", ".jpg");
}

// Right panels (blog, events, etc.)
function showPanel(panelId, linkObj) {
    $("#panelPress").hide();
    $("#panelBlog").hide();
    $("#panelEvents").hide();
    $(".panelBoxItem").css("background-color", "#ffffff");
    $(".panelBoxItem > a").css("font-weight", "normal");
    $(".panelBoxItem > a").css("color", "#78797c");
    $(linkObj).css("color", "#0073b1");
    $(linkObj).css("font-weight", "bold");
    $("#" + panelId).fadeIn(1000);
    linkObj.parentNode.style.backgroundColor = "#e5e8eb";
    return false;
}

// Window resize
$(window).bind("resize", resizeWindow);
function resizeWindow(e) {
    // Hide drop down menu and reset positions
    $('.mainnavsub').hide(200);
    $('.mainnavsub').css({ top: '', left: '' });
}

function showMainContent(divId) {
    for (var i = 1; i < LAYOUT_CONTENT_NB_OF_THUMBNAILS + 1; i++) {
        $('#maincontent' + i).hide();
        $('#maincontentnavitem' + i + ' > a').css('color', '#78797c');
    }

    $('#maincontentnav').children('.maincontentnavitem').css('background-color', 'white');
    $('#maincontentnavitem' + divId).css('background-color', '#e5e8eb');
    $('#maincontentnavitem' + divId + " > a ").css('font-weight', 'bold');
    $('#maincontent' + divId).fadeIn(1000);
    $('#maincontentnavitem' + divId + ' > a').css('color', '#0173a0');
}

function cleanString(str) {
    str = str.replace("	", "");
    str = str.replace("&nbsp;", "");
    str = str.replace(/\t/gi, '');
    str = str.replace(/\r\n/gi, '');
    str = str.replace(/\n/gi, '');
    str = str.replace(/\s/gi, ''); 
    return str;
}

function changeFontSize(mySize) {
    document.getElementById('ctl00_FontSizeCss').href = mySize;
}

function printpreview() {
    var printcss = document.getElementById('ctl00_printcss');
    if (printcss != null) {
        printcss.setAttribute('media', 'screen');
        print();
        printcss.setAttribute('media', 'print');
    }
}
