﻿
var currentIdd = 0;

$(window).ready(function () {
    var TextArray = ['<span class="headText">Daily Walking Tours</span><br />' +
       '<table class="tableText" cellpadding="0" cellspacing="0"><tr>' +
       '<td><a href="/tours/25/Broadway_Theater_District_Tour/">Theater<br />District</a></td>' +
       '<td><a href="/tours/18/Alexander_Hamilton_Financial_Dist.Tour/">Financial<br />District</a></td>' +
       '<td><a href="/tours/21/Edgar_Allan_Poe_Greenwich_Village_Tour/">Greenwich<br />Village</a></td>' +
       '<td><a href="/tours/24/The_Empire_State_Building_Tour/">Empire State Building</a></td>' +
       '<td><a href="/tours/32/Heroes_of_the_World_Trade_Center_Tour/">World Trade Center</a></td>' +
       '</tr></table>',
       '<span class="headText">Night Life Tours</span><br />' +
       '<table class="tableText" cellpadding="0" cellspacing="0"><tr>' +
       '<td><a href="/tours/22/The_Chelsea_Night_Club_Tour/">Chelsea Night<br />Club Tour</a></td>' +
       '<td><a href="/tours/56/VIP_Bottle_Service_Hosting/">VIP Night<br />Club Hosting</a></td>' +
       '</tr></table>',
       '<span class="headText">Pub Crawls</span><br />' +
       '<table class="tableText" cellpadding="0" cellspacing="0"><tr>' +
       '<td><a href="/tours/19/West_Village_Pub_Crawl/">West Village</a></td>' +
       '<td><a href="/tours/23/Hells_Kitchen_Pub_Crawl/">Hell\'s Kitchen</a></td>' +
       '<td><a href="/tours/26/East_Village_Pub_Crawl/">East Village</a></td>' +
       '<td><a href="/tours/20/Empire_State_Pub_Crawl/">Empire State</a></td>' +
       '</tr></table>',
       '<span class="headText">Private Luxury Tours</span><br />' +
       '<table class="tableText" cellpadding="0" cellspacing="0"><tr>' +
       '<td><a href="/tours/27/Frank_Sinatra_Nightlife_Limousine_Tour/">Frank Sinatra NYC<br />Night Limousine Tour</a></td>' +
       '<td><a href="/tours/41/Private_SUV_Tour/">Private Luxury<br />SUV Tours</a></td>' +
       '</tr></table>',
       '<span class="headText">Fashion Tours</span><br />' +
       '<table class="tableText" cellpadding="0" cellspacing="0"><tr>' +
       '<td><a href="/tours/59/Fashion_on_Fifth_Avenue_Tour/">Fifth Avenue<br />Shopping Tour</a></td>' +
       '</tr></table>'
       ];

    addRemoveActive()

    $('.bk').click(function () {
        var oldId = currentIdd;
        var oldAtt = $("#homePageTourViewer img:eq(" + oldId + ")").attr("alt");
        $("#homePageTourViewer img:eq(" + oldId + ")").attr('src', "images/flickBox/old/" + oldAtt + ".gif");
        currentIdd = $(this).index();
        var newAlt = $("#homePageTourViewer img:eq(" + currentIdd + ")").attr('alt');
        $('#bigImage').css('background-image', "url(images/flickBox/old/img_" + newAlt + ".jpg)");
        $('#bottomText').html(TextArray[currentIdd]);
        addRemoveActive();
    });

    $('#homePageTourViewer img').hover(
          function () {
              if ($(this).hasClass('active')) { } else {
                  $(this).attr('src', "images/flickBox/old/" + $(this).attr('alt') + "_F2.gif");
              }
          },
         function () {
             if ($(this).hasClass('active')) { } else {
                 $(this).attr('src', "images/flickBox/old/" + $(this).attr('alt') + ".gif");
             }
         });

    function addRemoveActive() {
        $('#homePageTourViewer img').each(function (index) {
            if (currentIdd == index) { $(this).addClass('active') } else { $(this).removeClass('active') };
        });
        var Live = $('#homePageTourViewer .active').attr('alt');
        $('#homePageTourViewer .active').attr('src', "images/flickBox/old/" + Live + "_F2.gif");
        $('#homePageTourViewer .bk').each(function (index) {
            if (currentIdd == index) { $(this).addClass('background') } else { $(this).removeClass('background') };
            $('#bottomText').html(TextArray[currentIdd]);
        });
    };
    
    var newAlt = $("#homePageTourViewer img:eq(" + currentIdd + ")").attr('alt');
    $('#bigImage').css('background-image', "url(images/flickBox/old/img_" + newAlt + ".jpg)");
    
  
});
