/*****************************************************************
var rightTopProperties = {
    id:                 "nav-arrows-right-top",
    intPageCounter:     1,
    intTotalPages:      7,
    arrDivToSlide:      [".right .top .slider"],
    intSlideWidth:      520,
    initPos:            (this.intTotalPages - 1) * -this.intSlideWidth,
    intClickSpeed:      [400],
    intCountBackSpeed:  200, 
    intScrollSpeed:     1400
}
****************************************************************/

function navArrowsBindHover() {
    $("div.nav-arrow-right, div.nav-arrow-left, div.nav-arrow-up, div.nav-arrow-down").hover(
		function () {
		    if (!$(this).hasClass("inactive")) {
		        $(this).toggleClass("active").toggleClass("hover");
		    }
		},
		function () {
		    if (!$(this).hasClass("inactive")) {
		        $(this).toggleClass("active").toggleClass("hover");
		    }
		}
	);
}

function navArrowsBindClick(objProperties) {

    $("#" + objProperties.id + " .nav-arrow-left").click(function () {

        if (!$(this).hasClass("inactive")) {

            objProperties.intPageCounter--;

            if (objProperties.intPageCounter == 1) {
                $(this).addClass("inactive").removeClass("hover");
            }

            $("#" + objProperties.id + " .nav-arrow-right").addClass("active").removeClass("inactive");

            $.each(objProperties.arrDivToSlide, function(index, handle) {
                $(objProperties.arrDivToSlide[index]).animate({ "left": "+=" + objProperties.intSlideWidth + 'px' }, objProperties.intClickSpeed[index]);
            });

            updateNavPagingNumbers("#" + objProperties.id + " .nav-paging-numbers-horizontal span", objProperties.intPageCounter, objProperties.intTotalPages);
        }

    });

    $("#" + objProperties.id + " .nav-arrow-right").click(function () {

        if (!$(this).hasClass("inactive")) {

            objProperties.intPageCounter++;

            if (objProperties.intPageCounter == objProperties.intTotalPages) {
                $(this).addClass("inactive").removeClass("hover");
            }

            $("#" + objProperties.id + " .nav-arrow-left").addClass("active").removeClass("inactive");

            $.each(objProperties.arrDivToSlide, function(index, handle) {
                $(objProperties.arrDivToSlide[index]).animate({ "left": "-=" + objProperties.intSlideWidth + 'px' }, objProperties.intClickSpeed[index]);
            });

            updateNavPagingNumbers("#" + objProperties.id + " .nav-paging-numbers-horizontal span", objProperties.intPageCounter, objProperties.intTotalPages);
        }

    });

    $("#" + objProperties.id + " .nav-arrow-up").click(function () {

        if (!$(this).hasClass("inactive")) {

            objProperties.intPageCounter--;

            if (objProperties.intPageCounter == 1) {
                $(this).addClass("inactive").removeClass("hover").removeClass("active");
            }

            $("#" + objProperties.id + " .nav-arrow-down").addClass("active").removeClass("inactive");

            $.each(objProperties.arrDivToSlide, function (index, handle) {
                $(objProperties.arrDivToSlide[index]).animate({ "top": "+=" + objProperties.intSlideHeight + 'px' }, objProperties.intClickSpeed[index]);
            });

            updateNavPagingNumbers("#" + objProperties.id + " .nav-paging-numbers-horizontal span", objProperties.intPageCounter, objProperties.intTotalPages);
        }

    });

    $("#" + objProperties.id + " .nav-arrow-down").click(function () {
        
        if (!$(this).hasClass("inactive")) {

            objProperties.intPageCounter++;

            if (objProperties.intPageCounter == objProperties.intTotalPages) {
                $(this).addClass("inactive").removeClass("hover").removeClass("active");
            }

            $("#" + objProperties.id + " .nav-arrow-up").addClass("active").removeClass("inactive");

            $.each(objProperties.arrDivToSlide, function (index, handle) {
                $(objProperties.arrDivToSlide[index]).animate({ "top": "-=" + objProperties.intSlideHeight + 'px' }, objProperties.intClickSpeed[index]);
            });

            updateNavPagingNumbers("#" + objProperties.id + " .nav-paging-numbers-horizontal span", objProperties.intPageCounter, objProperties.intTotalPages);
        }

    });

}

// Initial scroll
function scrollBack(objProperties) {

    var intCountBack = objProperties.intTotalPages;

    $("#" + objProperties.id + " .nav-arrow-right").addClass("active").removeClass("inactive");

    var objInterval = setInterval(

        function () {
            intCountBack--;
            updateNavPagingNumbers("#" + objProperties.id + " .nav-paging-numbers-horizontal span", intCountBack, objProperties.intTotalPages);
            if (intCountBack <= 1) {
                clearInterval(objInterval);
                $("#" + objProperties.id + " .nav-arrow-left").addClass("inactive").removeClass("active").removeClass("hover");
            }
        },

        objProperties.intCountBackSpeed);

        if (objProperties.intSlideWidth) { //slide to the right vs slide up
            $.each(objProperties.arrDivToSlide, function (index, handle) {
                $(objProperties.arrDivToSlide[index]).animate({ "left": 0 }, objProperties.intScrollSpeed[index]);
            });
        } else {
            $.each(objProperties.arrDivToSlide, function (index, handle) {
                $(objProperties.arrDivToSlide[index]).animate({ "top": 0 }, objProperties.intScrollSpeed[index]);
            });
        }
}

function updateNavPagingNumbers(strSpanPagingNumbers, intCurrentPage, intTotalPages) {

    $(strSpanPagingNumbers).text(intCurrentPage + "/" + intTotalPages);

}

/*******************************************************************************************/

// Used to center the Stipple Dot page titles
positionStippleDotTitle = function (gridX, gridY) {

    var intWidth = $("img#stipple-dot-title").attr("width");
    var intHeight = $("img#stipple-dot-title").attr("height");

    var intLeft = ((1040 - intWidth) / 2) - (260 * gridX);
    var intTop = ((780 - intHeight) / 2) - (195 * gridY);

    $("img#stipple-dot-title").css({ "left": intLeft, "top": intTop });
}