/*
Rotating image or text(You can use for changing banners)
Author: Narayan Chand Thakur
Source: http://ncthakur.itgo.com/
This may be used freely as long as this message is intact.
*/
<!--

var indexImgsArr = new Array();
indexImgsArr[0] = "<a href='#' onclick='changeItem()'><img width='550', height='400' src='../../images/work_together.jpg' border='0'></a>";
indexImgsArr[1] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/experienced_professional.jpg' border='0'></a>";
indexImgsArr[2] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/build_your_startup.jpg' border='0'></a>";
indexImgsArr[3] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/create_workplace.jpg' border='0'></a>";
indexImgsArr[4] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/team_collaboration.jpg' border='0'></a>";
indexImgsArr[5] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/life_cycle_connecting.jpg' border='0'></a>";
indexImgsArr[6] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/older_younger_entrepreneurs.jpg' border='0'></a>";


var mainArr = new Array();
mainArr[0] = "<a href='#' onclick='changeItem()'><img width='550', height='400' src='../../images/work_together.jpg' border='0'></a>"; //indexImgsArr[0];
mainArr[1] = "<br/><br/><table width='710' height='630'>\
    <tr>\
        <td align='left' valign='top'>\
           <a href='#'><IMG src='../../images/tour_slides/select_category.png'  border='0'></a>\
        </td>\
        <td align='left' valign='top'>\
           <ul>\
               <li><p><a href='#' onclick='changeItemsArray(speedDatings)'>Speed Dating</a></p></li>\
               <li><p><a href='#' onclick='changeItemsArray(workplaceGeneral)'>General Overview</a></p></li>\
               <li><p><a href='#' onclick='changeItemsArray(appTypes)'>Application types</a></p></li>\
               <li><p><a href='#' onclick='changeItemsArray(transactions)'>Transactions</a></p></li>\
               <li><p><a href='#' onclick='changeItemsArray(premiumServices)'>Premium services</a></p></li>\
               <li><p><a href='#' onclick='changeItemsArray(web2Integrations)'>Web2 Integration</a></p></li>\
               <li><p><a href='#' onclick='changeItemsArray(customizations)'>Customizations</a></p></li>\
           </ul>\
        </td>\
    </tr>\
</table>";

var speedDatings = new Array();
speedDatings[0] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/speed_dating_preview.png' border='0'></a>";
speedDatings[1] = "<a href='#' onclick='changeItem()'><img width='710', height='830' src='../../images/tour_slides/speed_dating1.png' border='0'></a>";
speedDatings[2] = "<a href='#' onclick='changeItem()'><img width='710', height='830' src='../../images/tour_slides/speed_dating2.png' border='0'></a>";

var workplaceGeneral = new Array();
workplaceGeneral[0] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/workplace_preview.png' border='0'></a>";
workplaceGeneral[1] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/virtual_team.png' border='0'></a>";
workplaceGeneral[2] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/virtual_company.png' border='0'></a>";
workplaceGeneral[3] = "<a href='#' onclick='changeItem()'><img width='710', height='830' src='../../images/tour_slides/teams_and_companies.png' border='0'></a>";
workplaceGeneral[4] = "<a href='#' onclick='changeItem()'><img width='710', height='830' src='../../images/tour_slides/communication_channels.png' border='0'></a>";
workplaceGeneral[5] = "<a href='#' onclick='changeItem()'><img width='710', height='830' src='../../images/tour_slides/working_tools.png' border='0'></a>";

var appTypes = new Array();
appTypes[0] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/apps_preview.png' border='0'></a>";
appTypes[1] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/web_apps.png' border='0'></a>";
appTypes[2] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/desktop_apps.png' border='0'></a>";
appTypes[3] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/mobile_apps.png' border='0'></a>";
appTypes[4] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/gadget_apps.png' border='0'></a>";

var transactions = new Array();
transactions[0] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/transactions_preview.png' border='0'></a>";
transactions[1] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/component_ad.png' border='0'></a>";
transactions[2] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/component_trade.png' border='0'></a>";
transactions[3] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/directory_service.png' border='0'></a>";
transactions[4] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/managed_services.png' border='0'></a>";

var premiumServices = new Array();
premiumServices[0] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/premium_services_preview.png' border='0'></a>";
premiumServices[1] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/appcord_surface.png' border='0'></a>";
premiumServices[2] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/support_surface.png' border='0'></a>";
premiumServices[3] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/directory_service_premium.png' border='0'></a>";

var web2Integrations = new Array();
web2Integrations[0] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/web2_preview.png' border='0'></a>";
web2Integrations[1] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/web2_api_integration.png' border='0'></a>";
web2Integrations[2] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/web2_search_gadget.png' border='0'></a>";

var customizations = new Array();
customizations[0] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/customization_preview.png' border='0'></a>";
customizations[1] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/my_surface.png' border='0'></a>";
customizations[2] = "<a href='#' onclick='changeItem()'><img width='710', height='630' src='../../images/tour_slides/customized_workplace.png' border='0'></a>";


var itemsArray = mainArr;
var tour_slides_counter = 0;
var ns6 = document.getElementById && !document.all;

/**
 * Set the first item of 'mainArr' according to selected landing-page / index
 * @param index
 */
function setTourIndexImage(index) {
    mainArr[0] = indexImgsArr[index];
}

/**
 * Change array of items
 * @param array
 */
function changeItemsArray(array) {
    itemsArray = array;
    tour_slides_counter = 0
    changeItem();
}

/**
 * Change items
 */
function changeItem() {
    if (document.layers) {
        document.layer1.document.write(itemsArray[tour_slides_counter])
        document.layer1.document.close()
    }
    if (ns6) {
        var div = document.getElementById("tour-slides");
        div.innerHTML = itemsArray[tour_slides_counter]
    }
{
    if (document.all) {
        var div1 = document.getElementById("tour-slides");
        div1.innerHTML = itemsArray[tour_slides_counter]
    }
}
    if (tour_slides_counter == itemsArray.length - 1) {
        itemsArray = mainArr;
        tour_slides_counter = 1;
    } else {
        tour_slides_counter++
    }
    //setTimeout("changeItem()', 6000)
}

    //-->


