jQuery.fn.mailto = function () {
    return this.each(function () {
        var email = $(this).html().replace(/\s*\(.+\)\s*/, "@");
        $(this).before('<a style="color:#936A96; font-size:12px" href="mailto:' + email + '" rel="nofollow" title="Email ' + email + '">' + email + '</a>').remove();
    });
};
$(document).ready(function () {
    $(".scrollable").css({
        'overflow': 'hidden'
    });
    $("#scrollMap").css({
        'overflow': 'hidden'
    });
    $('.email').mailto();
    $("#overviewTA").click(function () {
        if (this.value == "                                        ") {
            this.value = "";
        }
    });
    document.getElementById("footerEmail").innerHTML = "<a href='mailto:info@zgraphics.com' style='color:#9a9a9a; font-family: ff-meta-web-pro,sans-serif; font-style: normal; font-weight: 400; font-size:11px; '>info@zgraphics.com</a>&nbsp;&nbsp;&bull;&nbsp;&nbsp;847.836.6022";
    $(".bioToggler").click(function () {
        $("ul li a.bioToggler").removeClass("overviewActive");
        $("ul li.bioVis").addClass("bioInVis");
        $("ul li.bioVis").removeClass("bioVis");
        $(this).addClass("overviewActive");
        $(this.hash).addClass("bioVis");
        return false;
    });
    $(".overviewToggler").click(function () {
        $("#subNavBar a.overviewToggler").removeClass("overviewActive");
        $(this).addClass("overviewActive");
    });
    var scrollMap = $('#scrollMap');
    $('#overviewToggle').click(function () {
        scrollMap.stop().scrollTo('#01', 800);
    });
    $('#cultureToggle').click(function () {
        scrollMap.stop().scrollTo('#02', 800);
    });
    $('#biosToggle').click(function () {
        scrollMap.stop().scrollTo('#bios', 800);
    });
    $('#awardToggle').click(function () {
        scrollMap.stop().scrollTo('#awards', 800);
    });
    $('#awardsNextToggle').click(function () {
        scrollMap.stop().scrollTo('#awards2', 800);
    });
    $('#awardsPrevToggle').click(function () {
        scrollMap.stop().scrollTo('#awards', 800);
    });
    var api = $("div.scrollable").scrollable({
        speed: 850,
        loop: false,
        clickable: false,
        keyboard: false,
        size: 1,
        easing: "easeInOutQuint",
        api: true
    });
    var marketAdSlides = 0;
    var o = document.getElementById("items").getElementsByTagName("div");
    for (var i = 0; i < o.length; i++) {
        if (o[i].className == "marketAdSlide") {
            marketAdSlides++;
        }
    }
    var value = api.getIndex();
    var initTitle = document.getElementById("items").childNodes.item(value).title;
    $("#description").html(initTitle);
    function colorboxer() {
        $("#feldcoCB").colorbox({
            inline: true,
            width: "570px",
            href: "#advertFeldcoDesc"
        });
        $("#navistarCB").colorbox({
            inline: true,
            width: "570px",
            href: "#corpCommNavistar"
        });
        $("#streyCB").colorbox({
            inline: true,
            width: "570px",
            href: "#salesSupportStrey"
        });
        $("#webReach3CB").colorbox({
            inline: true,
            href: "#webWebsitesReach3Flash"
        });
        $("#visIdentLogoEnthusedCB").colorbox({
            inline: true,
            href: "#visIdentLogoEnthusedDesc"
        });
        $("#webStanleyCB").colorbox({
            inline: true,
            href: "#webWebsitesStanleyFlash"
        });
        $("#webPactivCB").colorbox({
            inline: true,
            href: "#webWebsitesPactivFlash"
        });
        $("#salesDirectMarketKodakCB").colorbox({
            inline: true,
            width: "570px",
            href: "#salesDirectMarketKodak"
        });
        $(".visIdentBrandNavistarCB").colorbox({
            inline: true,
            width: "570px",
            href: "#visIdentBrandNavistarDesc"
        });
        $(".visidentBrandLouisianaCB").colorbox({
            inline: true,
            width: "570px",
            href: "#visIdentBrandLouisianaDesc"
        });
        $("#webWebsitesMatrexCB").colorbox({
            inline: true,
            width: "570px",
            href: "#webWebsitesMatrexDesc"
        });
    }
    colorboxer();
    api.onSeek(function slideChange() {
        var valueOnChange = api.getIndex();
        var titleDesc = document.getElementById("items").childNodes.item(valueOnChange).title;
        var nextPageToggle = document.getElementById("rightArrowNP");
        var pageIndex = api.getPageIndex() + 1;
        var truePageIndex = api.getPageIndex();
        var pageAmount = api.getPageAmount();
        var slideCounter = 0;
        var slideTitle = document.getElementById("items").getElementsByTagName("div");
        $("#description").html(titleDesc);
        $("#description").stop().animate({
            opacity: 1
        },
        200);
        if (pageIndex == pageAmount) {
            nextPageToggle.style.display = "block";
        } else {
            nextPageToggle.style.display = "none";
        }
        if (slideTitle.item(valueOnChange).className == "marketAdSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#marketAdvertSlideToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "marketCorpCommSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#marketCommSlideToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "marketPromoSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#marketPromoSlideToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "salesCapaSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#salesCapaToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "salesDirMarketSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#salesDirectMarketToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "salesTradeEventsSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#salesTradeShowToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "visIdentLogoSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#visIdentLogoToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "visIdentBrandSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#visIdentBrandToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "webMarketWebsitesSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#webMarketWebsitesToggle").addClass("subNavActive");
        } else if (slideTitle.item(valueOnChange).className == "webMarketFlashWebSlide") {
            $("#subNavBar a.subNavToggle").removeClass("subNavActive");
            $("#webMarketFlashWebToggle").addClass("subNavActive");
        }
        $('.email').mailto();
        colorboxer();
    });
    api.onBeforeSeek(function () {
        $("#description").stop().animate({
            opacity: 0
        },
        200);
    });
    var marketCommAdvertStart = 0;
    var marketCommSlideStart = 9;
    var marketPromoSlideStart = 18;
    var salesCapaStart = 0;
    var salesDirMarketStart = 7;
    var salesTradeEventsStart = 17;
    var visIdentLogoStart = 0;
    var visIdentBrandStart = 9;
    var webMarketWebsitesStart = 0;
    var webMarketFlashWebStart = 9;
    $("#marketAdvertSlideToggle").click(function () {
        api.seekTo(marketCommAdvertStart);
    });
    $("#marketCommSlideToggle").click(function () {
        api.seekTo(marketCommSlideStart);
    });
    $("#marketPromoSlideToggle").click(function () {
        api.seekTo(marketPromoSlideStart);
    });
    $("#salesCapaToggle").click(function () {
        api.seekTo(salesCapaStart);
    });
    $("#salesDirectMarketToggle").click(function () {
        api.seekTo(salesDirMarketStart);
    });
    $("#salesTradeShowToggle").click(function () {
        api.seekTo(salesTradeEventsStart);
    });
    $("#visIdentLogoToggle").click(function () {
        api.seekTo(visIdentLogoStart);
    });
    $("#visIdentBrandToggle").click(function () {
        api.seekTo(visIdentBrandStart);
    });
    $("#webMarketWebsitesToggle").click(function () {
        api.seekTo(webMarketWebsitesStart);
    });
    $("#webMarketFlashWebToggle").click(function () {
        api.seekTo(webMarketFlashWebStart);
    });
});