MediaWiki:Main Page JavaScript.js

function change_1(element) {
    document.getElementById('baseImage').src='/docs/images/6/64/MainPage_GettingStartedFlow_WhatIsAPhidget.jpg';
}

function change_2(element) {
    document.getElementById('baseImage').src='/docs/images/5/55/MainPage_GettingStartedFlow_OperatingSystems.jpg';
}

function change_3(element) {
    document.getElementById('baseImage').src='/docs/images/6/6b/MainPage_GettingStartedFlow_ProgrammingLanguages.jpg';
}

function change_4(element) {
    document.getElementById('baseImage').src='/docs/images/1/1e/MainPage_GettingStartedFlow_PhidgetProgrammingBasics.jpg';
}

function restore(element) {
    document.getElementById('baseImage').src='/docs/images/c/c6/MainPage_GettingStartedFlow_Normal.jpg';
}

$(function () {
var innerText = '<img src="/docs/images/c/c6/MainPage_GettingStartedFlow_Normal.jpg" usemap="#image-map" id="baseImage" style="width:100%;display: block;  margin-left: auto;  margin-right: auto;">' +
'<map name="image-map">' +
'    <area target="" alt="What Is A Phidget?" title="What Is A Phidget?" href="/docs/What_is_a_Phidget%3F" coords="111,105,94" ' +
'shape="circle" id="Circle_1" onmouseout="restore(this)" onmouseover="change_1(this)">' +
'    <area target="" alt="Operating Systems" title="Operating Systems" href="/docs/Operating_System_Support" coords="362,105,94" ' +
'shape="circle" id="Circle_2" onmouseout="restore(this)" onmouseover="change_2(this)">' +
'    <area target="" alt="Programming Languages" title="Programming Languages" href="/docs/Programming_Resources" coords="614,105,94" ' +
'shape="circle" id="Circle_3" onmouseout="restore(this)" onmouseover="change_3(this)">' +
'    <area target="" alt="Phidgets Programming Basics" title="Phidgets Programming Basics" href="/docs/Phidget_Programming_Basics" ' +
'coords="865,105,94" shape="circle" id="Circle_4" onmouseout="restore(this)" onmouseover="change_4(this)">' +
'</map>'

  
  $('#main-support-flow').html(innerText);

  $("img[usemap]").jMap();
    
}());