$(document).ready(function() {

    var tempmenua = null;
    var tempmenu = null;

    var submenu_about = "";
    submenu_about += "<a href='about.html' class='menu link'>OUR CLUB</a>";
    submenu_about += "<a href='about.html' class='menu link'>JOIN US</a>";
    submenu_about += "<a href='about.html' class='menu link'>SWIMMING</a>";
    submenu_about += "<a href='about.html' class='menu link'>WATER SAFETY</a>";
    submenu_about += "<a href='about.html' class='menu link'>COMPETING</a>";
    submenu_about += "<a href='about.html' class='menu link'>ABOUT</a>";

    var submenu_compete = "";
    submenu_compete += "<a href='compete.html' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Competing&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";

    var submenu_training = "";
    submenu_training += "<a href='training.html' class='menu link'>Lane Cove Schedule&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";
    submenu_training += "<a href='Documents/Squad_Information_Term4_ LaneCove2009.pdf' class='menu link'>Lane Cove Enrolment&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";
    submenu_training += "<a href='training.html' class='menu link'>Ryde Schedule&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";
    submenu_training += "<a href='Documents/Squad_Information_Term4_Ryde2009.pdf' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;Ryde Enrolment</a>";

    var submenu_contact = "";
    submenu_contact += "<a href='contact.html' class='menu link'>PRESIDENT</a>";
    submenu_contact += "<a href='contact.html' class='menu link'>CLUB SECRETARY</a>";
    submenu_contact += "<a href='contact.html' class='menu link'>COMMITTEE</a>";
    submenu_contact += "<a href='contact.html' class='menu link'>HEAD COACH</a>";
    submenu_contact += "<a href='contact.html' class='menu link'>OTHER USEFUL CONTACTS</a>";
    submenu_contact += "<a href='contact.html' class='menu link'>CONTACTS</a>";

    var submenu_gallery = "";
    submenu_gallery += "<a href='gallery.html#2005' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2005&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";
    submenu_gallery += "<a href='gallery.html#2006' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2006&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";
    submenu_gallery += "<a href='gallery.html#2007' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2007&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";
    submenu_gallery += "<a href='gallery.html#2008' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2008&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";
    submenu_gallery += "<a href='gallery.html#2009' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2009&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";
    submenu_gallery += "<a href='gallery.html' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GALLERY&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";

    var submenu_records = "";
    submenu_records += "<a href='records.html' class='menu link'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Club Record Times&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>";

    var submenu_links = "";
    submenu_links += "<a href='#state' class='menu link'>STATE + NATIONAL</a>";
    submenu_links += "<a href='#international' class='menu link'>INTERNATIONAL</a>";
    submenu_links += "<a href='#Australia' class='menu link'>AUSTRALIAN BODIES</a>";
    submenu_links += "<a href='#local' class='menu link'>LOCAL FACILITIES</a>";
    submenu_links += "<a href='links.html' class='menu link'>LINKS</a>";


    $('#m_about').hover(function() {
        ResetBefore(tempmenu, tempmenua);
        $('#m_about').html("<img src=\"images/home2b_05.gif\" alt=\"About Us\" width=\"90\" height=\"44\" border=\"0\">");
        $('#m_details').html(submenu_about);
        tempmenu = $('#m_about');
        tempmenua = "<img src=\"images/images_05.gif\" alt=\"About Us\" width=\"90\" height=\"44\" border=\"0\">";
    });
    // keep the about menu in red while hovering or not -> note : home2b_05.gif

    $('#m_compete').hover(function() {
        ResetBefore(tempmenu, tempmenua);
        $('#m_compete').html("<img src=\"images/home2b_06.gif\" alt=\"Compete\" width=\"90\" height=\"44\" border=\"0\">");
        $('#m_details').html(submenu_compete);
        tempmenu = $('#m_compete');
        tempmenua = "<img src=\"images/images_06.gif\" alt=\"Compete\" width=\"90\" height=\"44\" border=\"0\">";
    });

    $('#m_training').hover(function() {
        ResetBefore(tempmenu, tempmenua);
        $('#m_training').html("<img src=\"images/home2b_07.gif\" alt=\"training\" width=\"88\" height=\"44\" border=\"0\">");
        $('#m_details').html(submenu_training);
        tempmenu = $('#m_training');
        tempmenua = "<img src=\"images/images_07.gif\" alt=\"training\" width=\"88\" height=\"44\" border=\"0\">";
    });

    $('#m_contact').hover(function() {
        ResetBefore(tempmenu, tempmenua);
        $('#m_contact').html("<img src=\"images/home2b_08.gif\" alt=\"contact\" width=\"92\" height=\"44\" border=\"0\">");
        $('#m_details').html(submenu_contact);
        tempmenu = $('#m_contact');
        tempmenua = "<img src=\"images/images_08.gif\" alt=\"contact\" width=\"92\" height=\"44\" border=\"0\">";
    });

    $('#m_gallery').hover(function() {
        ResetBefore(tempmenu, tempmenua);
        $('#m_gallery').html("<img src=\"images/home2b_09.gif\" alt=\"gallery\" width=\"89\" height=\"44\" border=\"0\">");
        $('#m_details').html(submenu_gallery);
        tempmenu = $('#m_gallery');
        tempmenua = "<img src=\"images/images_09.gif\" alt=\"gallery\" width=\"89\" height=\"44\" border=\"0\">";
    });

    $('#m_records').hover(function() {
        ResetBefore(tempmenu, tempmenua);
        $('#m_records').html("<img src=\"images/home2b_10.gif\" alt=\"records\" width=\"91\" height=\"44\" border=\"0\">");
        $('#m_details').html(submenu_records);
        tempmenu = $('#m_records');
        tempmenua = "<img src=\"images/images_10.gif\" alt=\"records\" width=\"91\" height=\"44\" border=\"0\">";
    });

    $('#m_links').hover(function() {
        ResetBefore(tempmenu, tempmenua);
        $('#m_links').html("<img src=\"images/home2b_11.gif\" alt=\"links\" width=\"90\" height=\"44\" border=\"0\">");
        $('#m_details').html(submenu_links);
        tempmenu = $('#m_links');
        tempmenua = "<img src=\"images/home2b_11.gif\" alt=\"links\" width=\"90\" height=\"44\" border=\"0\">";
    });




});

function ResetBefore(tempmenu, tempmenua) {
    if (tempmenu != null && tempmenua != null) {
        //alert(tempmenu);
        tempmenu.html(tempmenua);
    }
}

///// menu closed

$.fn.cycle.defaults.timeout = 6000;
$(function() {


    $('#rotor').cycle({
        fx: 'scrollLeft',
        speed: 'slow',
        timeout: 3000,
        pager: '#nav',
        pause: 1,
        after: onAfter
    });
});

function onBefore() {

}
function onAfter() {
    $('#imgcaption').html("<a class='linkblack' href=\"image.html\">" + this.alt + "</a>");
}