﻿function dump(obj) {
    var out = '';
    for (var i in obj) {
        out += "[]" + i + ": " + obj[i] + "\n";
    }
    alert(out);
}


var cssHacks = function () {
    var article = $('.articlecontainer');
    var articleImage = $('.articlecontainer .leftSide .detailImage');
    var leftHeight = $('.articlecontainer .leftSide').height();
    var leftImageHeight = $('.articlecontainer .leftSide .detailImage').height();
    var rightHeight = $('.articlecontainer .rightSide').height();
    
    if (article.length) {
        if (articleImage.length) {
            if (leftImageHeight <= leftHeight) {
                $('.articlecontainer .leftSide .detailImage').height(leftHeight);
            }
        } else {
            $('.leftSide .descriptionText').css('width','660px')
            if (leftHeight < rightHeight) {
                $('.articlecontainer .leftSide').height(rightHeight + 20);
            }
        }
    }

    $("#pBottomHighlightItems").pagination($('.bottomHighlightItems'), {
        items_per_page: 4,
        num_edge_entries: 2,
        num_display_entries: 100
    });
}


var initBottomHighlightsPagination = function () {
    $("#pBottomHighlightItems").pagination($('.bottomHighlightItems'), {
        items_per_page: 4,
        num_edge_entries: 2,
        num_display_entries: 100,
        callback: pageselectCallback
    });
}


var initRoundabout = function () {

    var i;
    for (i in document.images) {
        if (document.images[i].src) {
            var imgSrc = document.images[i].src;
            if (imgSrc.substr(imgSrc.length - 4) === '.png' || imgSrc.substr(imgSrc.length - 4) === '.PNG') {
                document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop')";
                //document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop',src='" + imgSrc + "')";

            }
        }
    }

    $('.contentBoxes > div').each(function (index) {
        $(this).css('display', 'none');
    });

    $('.youtube-player-container').each(function (index) {
        var firstVideo = $('#firstVideo').html();
        $(this).tubeplayer({
            width: 525,
            height: 281,
            allowFullScreen: "true",
            playerID: 'youtube-player' + index,
            preferredQuality: "small",
            initialVideo: firstVideo,
            onPlay: function (id) { },
            onPause: function () { },
            onStop: function () { },
            onSeek: function (time) { },
            onMute: function () { },
            onUnMute: function () { }
        });
    });


    var runCount = 0;
    $('ul#myRoundabout li').focus(function (e) {
        var myRel = $(this).attr('rel');
        $('.contentBoxes > div[rel="' + myRel + '"]').fadeIn(600);
        $('.contentBoxes > div[rel="' + myRel + '"] > *').fadeIn(600);
        $('.contentBoxes div[rel="' + myRel + '"]').fadeIn(700);
        if ($(this).find('div').length > 0) {
            runCount++;
            var $myself = $(this);
            var videoID = $myself.find('div').attr('title');
            $myself.find('div').css({ 'width': '525', 'height': '281', 'visibility': 'visible', 'display': 'block' });
            if (runCount > 1) {
                var intervalo = setInterval(function () {
                    $myself.find('div').tubeplayer('play', '' + videoID + '');
                    clearInterval(intervalo);
                }, 600);
            } else {
                var intervalo = setInterval(function () {
                    $myself.find('div').tubeplayer('play', '' + videoID + '');
                    clearInterval(intervalo);
                }, 600);
            }
        }
    });

    $('ul#myRoundabout li').blur(function (e) {
        $('.contentBoxes > div').fadeOut(300);
        $('.youtube-player-container').each(function (index) {
            var $myself = $(this);
            $myself.css({ 'width': '0', 'height': '0' });
            var intervalo = setInterval(function () {
                $myself.tubeplayer('stop');
                clearInterval(intervalo);
            }, 500);
        });
    });


    $activo = $('ul#myRoundabout').find('li[class~="active"]');
    var linkIndex = $activo.prevAll().length;
    if (!linkIndex) { linkIndex = 0 }
    $('ul#myRoundabout').roundabout({
        childSelector: 'li',
        startingChild: linkIndex,
        duration: 1200,
        minOpacity: 0,
        minScale: 0,
        maxScale: 1,
        tilt: 0,
        easing: 'easeOutCubic',
        btnPrev: '#turnLeft',
        btnNext: '#turnRight'
    });

}



var initHorizontalCarousel = function () {
    $('.contentBoxesHorizontalSlideshow > div').each(function (index) {
        $(this).css('display', 'none');
    });
    $('.contentBoxesHorizontalSlideshow div:first-child').fadeIn(400);
    $(".jCarouselLiteHorizontal").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        easing: "easeOutQuad",
        speed: 500,
        visible: 1,
        beforeStart: function (a) {
            $('.contentBoxesHorizontalSlideshow > div').fadeOut(300);
        },
        afterEnd: function (a) {
            var relActivo = $(a).attr('rel');
            $('.contentBoxesHorizontalSlideshow > div[rel="' + relActivo + '"]').fadeIn(800);
        }
    });
}



var initQuizz = function () {
    $('.currentPage').html('1');
    var $qtdPerguntas = $('.quizzContainer li').length;
    $('.totalPages').html($qtdPerguntas);
    $(".quizzContainer").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        easing: "easeOutQuad",
        speed: 500,
        visible: 1,
        beforeStart: function (a) {
            var liVisivel = $(a).attr('rel');
            $('.currentPage').html(liVisivel);
        },
        afterEnd: function (a) {
            var liVisivel = $(a).attr('rel');
            $('.currentPage').html(liVisivel);
        }
    });
}



var initBottomHighlights = function () {
    $('ul.bottomHighlightItems li').each(function (index) {
        $(this).hover(function () {
            $(this).animate({'top':'-5px'}, 200);
        }, function () { 
            $(this).animate({'top':'0px'}, 100);
        });
    });
}






var initTopSubMenu = function (side_in, class_in) {
    var SlideDelay = 400;
    var SlideSpeed = 300;
    $("ul[class~=" + side_in + "] > li[class~=" + class_in + "]").hover(
    function () {
        $(this).addClass('imHovered');
        $("ul[class~=" + side_in + "] > li[class~=" + class_in + "] > ul").slideDown("slow");
    },
    function () {
        $(this).removeClass('imHovered');

        if (this.timer) {
            clearTimeout(this.timer);
        }
        this.timer = setTimeout(function () {
            if (!$("ul[class~=" + side_in + "] > li[class~=" + class_in + "] > ul").hasClass('imHovered') && !$("ul[class~=" + side_in + "] > li[class~=" + class_in + "]").hasClass('imHovered')) {
                $("ul[class~=" + side_in + "] > li[class~=" + class_in + "] > ul").slideUp(SlideSpeed);
            }
        }, SlideDelay);
    });



    $("ul[class~=" + side_in + "] > li[class~=" + class_in + "] > ul").hover(
		function () {
		    $(this).addClass('imHovered');
		},
        function () {
            $(this).removeClass('imHovered');
            if (this.timer) {
                clearTimeout(this.timer);
            }
            this.timer = setTimeout(function () {
                if (!$("ul[class~=" + side_in + "] > li[class~=" + class_in + "]").hasClass('imHovered') && !$("ul[class~=" + side_in + "] > li[class~=" + class_in + "] > ul").hasClass('imHovered')) {
                    $("ul[class~=" + side_in + "] > li[class~=" + class_in + "] > ul").slideUp(SlideSpeed);
                }
            }, SlideDelay);
        }
    );
}














var hideAllShares = function () {
    $('.shareContent > div').each(function (index) {
        $(this).css('display', 'none');
    });
    //$('.buttons ul li a#newsletter').removeClass('newsletterON');
    $('.buttons ul li a#facebook').removeClass('facebookON');
    $('.buttons ul li a#twitter').removeClass('twitterON');
    $('.buttons ul li a#youtube').removeClass('youtubeON');
    $('.buttons ul li a#email').removeClass('emailON');
}

var initSharePanel = function () {

    hideAllShares();
    $('.shareContent .facebook').css('display', 'block');
    $('.buttons ul li a#facebook').addClass('facebookON');

    /*
    $('.shareContent .newsletter').css('display', 'block');
    $('.buttons .newsletter').click(function (event) {
        hideAllShares();
        $('.shareContent .newsletter').css('display', 'block');
        $('.buttons ul li a#newsletter').addClass('newsletterON');
        return false;
    });
    */

    $('.buttons .facebook').click(function (event) {
        hideAllShares();
        $('.shareContent .facebook').css('display', 'block');
        $('.buttons ul li a#facebook').addClass('facebookON');
        return false;
    });

    $('.buttons .twitter').click(function (event) {
        hideAllShares();
        $('.shareContent .twitter').css('display', 'block');
        $('.buttons ul li a#twitter').addClass('twitterON');
        return false;
    });

    $('.buttons .youtube').click(function (event) {
        hideAllShares();
        $('.shareContent .youtube').css('display', 'block');
        $('.buttons ul li a#youtube').addClass('youtubeON');
        return false;
    });

    $('.buttons .email').click(function (event) {
        hideAllShares();
        $('.shareContent .email').css('display', 'block');
        $('.buttons ul li a#email').addClass('emailON');
        return false;
    });

    var SlideDelay = 400;
    var SlideSpeed = 500;

    $('.share').hover(
    function () {
        $(this).addClass('imHovered');
        $('.sharePanel').animate({ 'right': '-12px' });
    },
    function () {
        $(this).removeClass('imHovered');

        if (this.timer) {
            clearTimeout(this.timer);
        }
        this.timer = setTimeout(function () {
            if (!$('.sharePanel').hasClass('imHovered') && !$('.share').hasClass('imHovered')) {
                $('.sharePanel').animate({ 'right': '-270px' }, SlideSpeed);
            }
        }, SlideDelay);
    });
    $('.sharePanel').hover(
		function () {
		    $(this).addClass('imHovered');
		},
        function () {
            $(this).removeClass('imHovered');

            if (this.timer) {
                clearTimeout(this.timer);
            }
            this.timer = setTimeout(function () {
                if (!$('.share').hasClass('imHovered') && !$('.sharePanel').hasClass('imHovered')) {
                    $('.sharePanel').animate({ 'right': '-270px' }, SlideSpeed);
                }
            }, 400);
        }
    );
    $(".shareContent").css('visibility', 'visible');
}










var initImageMapLinks = function () {
    $('.imageMapLinks > a').each(function (index) {
        var vLink = $(this).attr('href');
        var vClass = $(this).attr('class');
        $('#ProductsMap area[class="' + vClass + '"]').attr('href', vLink);
    });
}







var initTips = function () {
    $('.tips ul li').each(function (index) {
        $(this).find('em').slideUp(0);
        $(this).hover(function () {
            $(this).find('em').css('visibility','visible');
            $(this).find('em').slideDown(400);
        }, function () {
            $(this).find('em').slideUp(200);
        });
    });
}


var initAccordion = function () {
    $('.accordionNode .accordionBlock').hide();
    $('.accordion').each(function () {
        var accContainer = $(this);
        var accTab = accContainer.find('.accordionNode > a')
        accTab.click(function () {
            var content = $(this).parent();
            if ($(this).next('.accordionBlock').is('.open')) {
                $(this).next('.accordionBlock').slideUp('fast').removeClass('open');
                $(this).removeClass('active');
            
            } else {
                $(this).addClass('active');
                $(this).next('.accordionBlock').slideDown(500, function () { }).addClass('open');
                $(this).parent().siblings().find('.accordionBlock').removeClass('active');
                $(this).parent().siblings().find('.accordionBlock').slideUp(400).removeClass('open');
            }
            return false;
        })
    });
}


