﻿//----------------------------------------------------------------------------------------------------------------------------------------
// Functions for Image Rotator on Homepage
//----------------------------------------------------------------------------------------------------------------------------------------




/*

function resize(img, max) {
    var elem = document.getElementById(img);
    if (elem == undefined || elem == null) return false;
    if (max == undefined) max = 100;
    if (elem.width > elem.height) {
        if (elem.width > max) elem.width = max;
    } else {
        if (elem.height > max) elem.height = max;
    }
}

var t, c = 1;
function loopthroughgrid() {
    if (c > 11) { c = 1 };
    UpdateSelectedMainImage(c);
    c = c + 1;
    t = setTimeout("loopthroughgrid()", 4000);
}

function restartloop(id) {
    c = id;
    loopthroughgrid();
}

function pausetoview(id) {
    clearTimeout(t);
    UpdateSelectedMainImage(id);
}

function UpdateSelectedMainImage(id) {

    if (id != undefined) {
        document.getElementById('ctl00_maincontent_mainImage').src = '/images/loading.gif';

        var sImageSrc, sInputSrc;
        sImageSrc = 'imagesrc-' + id;
        sInputSrc = document.getElementById(sImageSrc).innerHTML;

        var sAlt, sAltInput;
        sAltInput = 'title-' + id;
        sAlt = document.getElementById(sAltInput).innerHTML;

        var inputs = document.getElementsByClassName('gridslide');
        var invalid = false;
        var match = false;

        for (var i = 0; i < inputs.length; i++) {
            inputs[i].style.backgroundColor = '#5B5B5D';
        }

        var inputs = document.getElementsByClassName('gridslideselected');
        var invalid = false;
        var match = false;

        for (var i = 0; i < inputs.length; i++) {
            inputs[i].style.backgroundColor = '#5B5B5D';

        }
        document.getElementById('ctl00_maincontent_mainImage').src = "";
        document.getElementById('ctl00_maincontent_mainImage').src = sInputSrc.toString();
        document.getElementById('ctl00_maincontent_mainImage').alt = sAlt.toString();
        document.getElementById('ctl00_maincontent_mainImage').title = sAlt.toString();
        //
        var iWidth = document.getElementById('ctl00_maincontent_mainImage').width;
        if (iWidth > 200) {
            document.getElementById('ctl00_maincontent_mainImage').style.width = "200";
        }

        var sSlide, sSelectedslide;
        sSlide = 'gridslide-' + id;
        document.getElementById(sSlide).style.backgroundColor = '#4886B5';

        var sDisplayName, sName;
        sDisplayName = 'displayname-' + id;
        sName = document.getElementById(sDisplayName).innerHTML;
        if (sName != '' && sName != undefined)
        { document.getElementById('ctl00_maincontent_mi_displayname').innerHTML = sName; }

        var sDisplayTitle, sTitle;
        sDisplayTitle = 'title-' + id;
        sTitle = document.getElementById(sDisplayTitle).innerHTML;
        if (sTitle != '' && sTitle != undefined)
        { document.getElementById('ctl00_maincontent_mi_title').innerHTML = sAlt; }

        var sArtistLink, sLink;
        sArtistLink = 'artistid-' + id;
        sLink = "seCVWK.aspx?ARTISTID=" + document.getElementById(sArtistLink).innerHTML;
        if (sLink != '' && sTitle != undefined) {
            document.getElementById('ctl00_maincontent_lbImageScroller').href = sLink;
            document.getElementById('ctl00_maincontent_lbCredit').href = sLink;
        }

    }
}
*/
//--------------------------------------------------------------------------------------------------------------------------------
// function for new members
//--------------------------------------------------------------------------------------------------------------------------------

var getElementsByClassName = function (className, parentNode) {
    var results = [];
    //if (document.getElementsByClassName) document.getElementsByClassName(className,parentNode);//this is the code for FF3. Prototype 1.5 doesn't play nice with this code, though.
    if (document.evaluate) {
        var query = document.evaluate(".//*[contains(concat(' ', @class, ' '), ' " + className + " ')]", parentNode || document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
        for (var i = 0, length = query.snapshotLength; i < length; i++) results.push(query.snapshotItem(i));
    }
    else {
        var nodes = (parentNode || document).getElementsByTagName("*");
        for (var i = 0, j = 0, length = nodes.length; i < length; i++) {
            var nodes_i = nodes[i];
            if ((" " + nodes_i + " ").indexOf(" " + className + " ") > -1) results[j++] = nodes_i;
        }
    }
    return results;
};

function viewLatestArtist(id) {
    var sSrc, sHref, sGetLink, sLink, sAlt, simgPath, sArtistURL, sTitle, sName, sDisplayName, sDisplayTitle, sSlide, sSelectedslide, sSelection, sProgramme;

    if (id != undefined) {
        document.getElementById('ctl00_maincontent_imgRepArtist').src = '/images/loading.gif';

        // RECIEVE DETAILS
              
        // image
        sSrc = 'src-' + id;
        simgPath = document.getElementById(sSrc).innerHTML;
        
        // Artist Name
        sTitle = 'artistname-' + id;
        sAlt = document.getElementById(sTitle).innerHTML;
 
        // Link
        sGetLink = 'link-' + id;
        sLink = document.getElementById(sGetLink).innerHTML;

        // SET ALL STYLES BACK TO DEFAULT
     
        var inputs = getElementsByClassName('artistSelected');
        var invalid = false;
        var match = false;

        for (var i = 0; i < inputs.length; i++) {
            inputs[i].style.fontWeight = 'normal';
            inputs[i].style.color = '#ffffff'; ;
        }
       
        var inputs = getElementsByClassName('artistNotSelected');
        var invalid = false;
        var match = false;

        for (var i = 0; i < inputs.length; i++) {
            inputs[i].style.fontWeight = 'normal';
            inputs[i].style.color = '#ffffff';
        }

        // UPDATE PREVIEW IMAGE WITH NEW DETAILS

        document.getElementById('ctl00_maincontent_imgRepArtist').src = simgPath.toString();
        document.getElementById('ctl00_maincontent_imgRepArtist').alt = sAlt.toString();
        document.getElementById('ctl00_maincontent_imgRepArtist').title = sAlt.toString();

        // ON MOUSE OVER - MAKE TEXT BOLD AND CHANGE COLOUR

        sSlide = 'artistList-' + id;
        document.getElementById(sSlide).style.fontWeight = 'bold';

        // Artist HREF Tag
        sHref = 'artistHref-' + id;
        document.getElementById(sHref).style.color = '#69BDE1';
        document.getElementById(sHref).style.fontWeight = 'bold';

        document.getElementById('ctl00_maincontent_lbArtist').href = sLink.toString();
    }
}


//--------------------------------------------------------------------------------------------------------------------------------
// function for setting main panel
//--------------------------------------------------------------------------------------------------------------------------------

function setMainPanel(id) {
    var sImageSource, sCss, sCaption, sStyle, sMainText, sLink, sAlt;


    document.getElementById('ctl00_maincontent_imgMainPanel').src = '/images/loading.gif';


    if (id == 1) {
        sImageSource = document.getElementById('ctl00_maincontent_lblWelcomeImage').innerHTML;
        sAlt = document.getElementById('ctl00_maincontent_lblWelcomeAlt').innerHTML;
        sCaption = document.getElementById('ctl00_maincontent_lblWelcomeCaption').innerHTML;
        sMainText = document.getElementById('ctl00_maincontent_lblWelcomeText').innerHTML;
        sStyle = 'rightTextWelcome';
        sLink = document.getElementById('ctl00_maincontent_lblWelcomeLink').innerHTML;
        sCss = document.getElementById('ctl00_maincontent_lblWelcomeCss').innerHTML;

        document.getElementById('ctl00_maincontent_imgMainPanel').src = sImageSource.toString();
        document.getElementById('ctl00_maincontent_imgMainPanel').alt = sAlt.toString();
        document.getElementById('ctl00_maincontent_lblCaption').innerHTML = sCaption.toString();
        document.getElementById('mainText').innerHTML = sMainText.toString();
        document.getElementById('rightText').className = sStyle.toString();
        document.getElementById('ctl00_maincontent_lbMainImage').href = sLink;

        document.getElementById('btnWelcome').style.fontWeight = 'bold';
        document.getElementById('btnWelcome').className = 'btnWelcomeHighlight';
        document.getElementById('btnSearch').className = 'btnSearch';
        document.getElementById('btnSelected').className = 'btnSelected';
        document.getElementById('btnDialogue').className = 'btnDialogue';
        document.getElementById('btnMembers').className = 'btnMembers';

        document.getElementById('ctl00_maincontent_lbMainImage').className = sCss
    }
    if (id == 2) {
        sImageSource = document.getElementById('ctl00_maincontent_lblSearchImage').innerHTML;
        sAlt = document.getElementById('ctl00_maincontent_lblSearchAlt').innerHTML;
        sCaption = document.getElementById('ctl00_maincontent_lblSearchCaption').innerHTML;
        sMainText = document.getElementById('ctl00_maincontent_lblSearchText').innerHTML;
        sStyle = 'rightTextSearch';
        sLink = document.getElementById('ctl00_maincontent_lblSearchLink').innerHTML;
        sCss = document.getElementById('ctl00_maincontent_lblSearchCss').innerHTML;

        document.getElementById('ctl00_maincontent_imgMainPanel').src = sImageSource.toString();
        document.getElementById('ctl00_maincontent_imgMainPanel').alt = sAlt.toString();
        document.getElementById('ctl00_maincontent_lblCaption').innerHTML = sCaption.toString();
        document.getElementById('mainText').innerHTML = sMainText.toString();
        document.getElementById('rightText').className = sStyle.toString();
        document.getElementById('ctl00_maincontent_lbMainImage').href = sLink;

        document.getElementById('btnWelcome').style.fontWeight = 'normal';
        document.getElementById('btnWelcome').className = 'btnWelcome';
        document.getElementById('btnSearch').className = 'btnSearchHighlight';
        document.getElementById('btnSelected').className = 'btnSelected';
        document.getElementById('btnDialogue').className = 'btnDialogue';
        document.getElementById('btnMembers').className = 'btnMembers';

        document.getElementById('ctl00_maincontent_lbMainImage').className = sCss
    }
    else if (id == 3) {
        sImageSource = document.getElementById('ctl00_maincontent_lblSelectedImage').innerHTML;
        sAlt = document.getElementById('ctl00_maincontent_lblSelectedAlt').innerHTML;
        sCaption = document.getElementById('ctl00_maincontent_lblSelectedCaption').innerHTML;
        sMainText = document.getElementById('ctl00_maincontent_lblSelectedText').innerHTML;
        sStyle = 'rightTextSelected';
        sLink = document.getElementById('ctl00_maincontent_lblSelectedLink').innerHTML;
        sCss = document.getElementById('ctl00_maincontent_lblSelectedCss').innerHTML;

        document.getElementById('ctl00_maincontent_imgMainPanel').src = sImageSource.toString();
        document.getElementById('ctl00_maincontent_imgMainPanel').alt = sAlt.toString();
        document.getElementById('ctl00_maincontent_lblCaption').innerHTML = sCaption.toString();
        document.getElementById('mainText').innerHTML = sMainText.toString();
        document.getElementById('rightText').className = sStyle.toString();
        document.getElementById('ctl00_maincontent_lbMainImage').href = sLink;

        document.getElementById('btnWelcome').style.fontWeight = 'normal';
        document.getElementById('btnWelcome').className = 'btnWelcome';
        document.getElementById('btnSearch').className = 'btnSearch';
        document.getElementById('btnSelected').className = 'btnSelectedHighlight';
        document.getElementById('btnDialogue').className = 'btnDialogue';
        document.getElementById('btnMembers').className = 'btnMembers';

        document.getElementById('ctl00_maincontent_lbMainImage').className = sCss
    }
    else if (id == 4) {
        sImageSource = document.getElementById('ctl00_maincontent_lblDialogueImage').innerHTML;
        sAlt = document.getElementById('ctl00_maincontent_lblDialogueAlt').innerHTML;
        sCaption = document.getElementById('ctl00_maincontent_lblDialogueCaption').innerHTML;
        sMainText = document.getElementById('ctl00_maincontent_lblDialogueText').innerHTML;
        sStyle = 'rightTextDialogue';
        sLink = document.getElementById('ctl00_maincontent_lblDialogueLink').innerHTML;
        sCss = document.getElementById('ctl00_maincontent_lblDialogueCss').innerHTML;

        document.getElementById('ctl00_maincontent_imgMainPanel').src = sImageSource.toString();
        document.getElementById('ctl00_maincontent_imgMainPanel').alt = sAlt.toString();
        document.getElementById('ctl00_maincontent_lblCaption').innerHTML = sCaption.toString();
        document.getElementById('mainText').innerHTML = sMainText.toString();
        document.getElementById('rightText').className = sStyle.toString();
        document.getElementById('ctl00_maincontent_lbMainImage').href = sLink;

        document.getElementById('btnWelcome').style.fontWeight = 'normal';
        document.getElementById('btnWelcome').className = 'btnWelcome';
        document.getElementById('btnSearch').className = 'btnSearch';
        document.getElementById('btnSelected').className = 'btnSelected';
        document.getElementById('btnDialogue').className = 'btnDialogueHighlight';
        document.getElementById('btnMembers').className = 'btnMembers';

        document.getElementById('ctl00_maincontent_lbMainImage').className = sCss
    }
    else if (id == 5) {
        sImageSource = document.getElementById('ctl00_maincontent_lblMembersImage').innerHTML;
        sAlt = document.getElementById('ctl00_maincontent_lblMembersAlt').innerHTML;
        sCaption = document.getElementById('ctl00_maincontent_lblMembersCaption').innerHTML;
        sMainText = document.getElementById('ctl00_maincontent_lblMembersText').innerHTML;
        sStyle = 'rightTextMembers';
        sLink = document.getElementById('ctl00_maincontent_lblMembersLink').innerHTML;
        sCss = document.getElementById('ctl00_maincontent_lblMembersCss').innerHTML;

        document.getElementById('ctl00_maincontent_imgMainPanel').src = sImageSource.toString();
        document.getElementById('ctl00_maincontent_imgMainPanel').alt = sAlt.toString();
        document.getElementById('ctl00_maincontent_lblCaption').innerHTML = sCaption.toString();
        document.getElementById('mainText').innerHTML = sMainText.toString();
        document.getElementById('rightText').className = sStyle.toString();
        document.getElementById('ctl00_maincontent_lbMainImage').href = sLink;

        document.getElementById('btnWelcome').style.fontWeight = 'normal';
        document.getElementById('btnWelcome').className = 'btnWelcome';
        document.getElementById('btnSearch').className = 'btnSearch';
        document.getElementById('btnSelected').className = 'btnSelected';
        document.getElementById('btnDialogue').className = 'btnDialogue';
        document.getElementById('btnMembers').className = 'btnMembersHighlight';

        document.getElementById('ctl00_maincontent_lbMainImage').className = sCss
    }
}
