/* ===================================================================================================================*/
/* billywig player */
var openPlayerID = "";
var isCarrouselPlayer = ""

function openPlayer(id) {

    // remember me
    openPlayerID = id;

    // hide all slides
    $("#slides").hide();
    // show player
    $("#play_" + id).show();
}

function openCarrouselPlayer(id) {

    // remember me
    openPlayerID = id;
    isCarrouselPlayer = 1;

    // hide all slides
    $("#slides").hide();
    
    // show player
    $("#play_" + id).show();
}

function closePlayer() {

    // hide player
    $("#play_" + openPlayerID).hide();

    // show slides
    $("#slides").show();

    // reset player
    isCarrouselPlayer = "";
    openPlayerID = "";
}

/* ===================================================================================================================*/
/* mediacarrousel */
function showSlide(slide) {
    if (isCarrouselPlayer == "") {
        // show correct slide
        $("#slides div.slide").hide();
        $("#slides div.slide" + slide).show();

        // select button
        $("#buttons li").removeAttr("id");
        $("#buttons .jcarousel-item-" + slide).attr("id", "button_selected");
    }
}

function slideToSelectedButton(page) {
    if (carrouselPage > page) {
        $(".jcarousel-prev").click();
    }
    else if (carrouselPage < page) {
        $(".jcarousel-next").click();
    }
    if (carrouselPage != page) {
        setTimeout(function() { slideToSelectedButton(page); }, 425);
    }
}

/* ===================================================================================================================*/
/* Mailto function */
function insertMailToTag(domainName, userName) {
    var emailId;
    var atSign = "&#64;"

    emailId = userName;
    emailId = "" + emailId + atSign;
    emailId = emailId + domainName;

    document.write("<a href='mail" + "to:" + emailId + "'>" + emailId + "</a>");
}

/* ===================================================================================================================*/
/* subnavigation */
function showSubnav(menu) {
    if (typeof (hideSubnavTimeout) != "undefined") {
        clearTimeout(hideSubnavTimeout);
    }
    $("." + menu + "menu").show();
}

function hideSubnav(menu) {
    hideSubnavTimeout = setTimeout(function() { $(".subnav").hide(); }, 500);
}

/* ===================================================================================================================*/
/* popup */
function showPopup(title, group, teaser, url, image) {
    // fill popup
    document.getElementById('puTitle').innerHTML = title;
    document.getElementById('puTitle').href = url;
    document.getElementById('puGroup').innerHTML = group;
    document.getElementById('puGroup').href = url;
    document.getElementById('puTeaser').innerHTML = teaser;
    document.getElementById('puImage').src = image;
    document.getElementById('puImage').alt = title;
    document.getElementById('puLink').href = url;
    document.getElementById('puImgLink').href = url;

    // show popup
    document.getElementById('popup').style.display = '';
}

function closePopup() {
    // hide popup
    document.getElementById('popup').style.display = 'none';
}

/* FOOTER LOGOLOOP 
=============================================*/
data = new Array() // your images
data[0] = new Array("/sites/shared/images/sponsors/nrc-handelsblad.gif", "http://www.nrc.nl", "NRC")
data[1] = new Array("/sites/shared/images/sponsors/de_krakeling.gif", "http://krakeling.cramgo.net/", "Jeugdtheater De Krakeling")
data[2] = new Array("/sites/shared/images/sponsors/doen.gif", "http://www.doen.nl", "Stichting DOEN");
data[3] = new Array("/sites/shared/images/sponsors/sns-reaal-fonds.gif", "http://www.snsreaalfonds.nl", "SNS Reaal Fonds")
data[4] = new Array("/sites/shared/images/sponsors/podiumkunsten.gif", "http://www.nfpk.nl", "Nederlands Fonds voor Podiumkunsten")
data[5] = new Array("/sites/shared/images/sponsors/gemeente-amsterdam.gif", "http://www.amsterdam.nl", "Gemeente Amsterdam")
data[6] = new Array("/sites/shared/images/sponsors/dioraphte.gif", "", "Stichting Dioraphte")
data[7] = new Array("/sites/shared/images/sponsors/prins-bernhard-cultuurfonds.gif", "http://www.prinsbernhardcultuurfonds.nl", "Prins Bernhard Cultuurfonds")
data[8] = new Array("/sites/shared/images/sponsors/vsb-fonds.gif", "http://www.vsbfonds.nl", "VSBfonds")
data[9] = new Array("/sites/shared/images/sponsors/fonds-voor-de-kunst.gif", "http://www.amsterdamsfondsvoordekunst.nl", "Amsterdams Fonds voor de Kunst")
data[10] = new Array("/sites/shared/images/sponsors/time-out-amsterdam.gif", "http://www.timeoutamsterdam.nl", "Time Out Amsterdam")
data[11] = new Array("/sites/shared/images/sponsors/atelier-van-gog.gif", "http://www.ateliervangog.nl", "Atelier van GOG")
data[12] = new Array("/sites/shared/images/sponsors/ssba_lang.gif", "http://www.ssba.nl", "Stadsschouwburg Amsterdam")
data[13] = new Array("/sites/shared/images/sponsors/TIN_logo.gif", "http://www.theaterinstituut.nl", "Theater Instituut Nederland")
data[14] = new Array("/sites/shared/images/sponsors/bpp_beelmerk_pc.gif", "http://www.promotiepodiumkunsten.nl", "Bureau Promotie Podiumkunsten")
data[15] = new Array("/sites/shared/images/sponsors/HF-tekengrid9.gif", "http://www.hollandfestival.nl", "Holland Festival")
data[16] = new Array("/sites/shared/images/sponsors/NAPK.gif", "http://www.napk.nl", "Nederlandse Associatie voor PodiumKunsten");
data[17] = new Array("/sites/shared/images/sponsors/amsterdam_festivals.gif", "http://www.amsterdamfestivals.nl", "Amsterdam Festivals")
data[18] = new Array("/sites/fringe/images/sponsors/coffee-company.gif", "http://www.coffeecompany.nl", "Coffee Company")
data[19] = new Array("/sites/fringe/images/sponsors/macbike.gif", "http://www.macbike.nl", "MacBike")
data[20] = new Array("/sites/fringe/images/sponsors/stayokay.gif", "http://www.stayokay.com", "Stayokay")

img_places = 4 // number of images visible
img_width = 144 // width of the images
img_height = 64 // height of the images
img_spacer = 48 // space between the images
rdm_img = 1 // 0 = no  1 = yes  show images at random

border = 0 // container border width
bordertype = "ridge" // container border type
bordercolor = "#afa684" // container border colour
borderbackground = "#ffffff" // container background colour

css_positioning = 0 // use CSS to position the display 0 = no  1 = yes
css_left = 400 // used if css_positioning is selected
css_top = 100 // used if css_positioning is selected

reuse_window = 1 // 0 = use same window for links, 1 = use new window for links

// ********** End User Defining Area **********


if (rdm_img == 1) { // generate random images list

    temp_array = new Array()
    for (i = 0; i < data.length; i++) { // create temp array identical to data array
        temp_array[i] = data[i]
    }

    rdm_array = new Array() // random images list
    for (p = 0; p < data.length; p++) {
        rndnum = Math.floor(Math.random() * (temp_array.length)) // select a random image from temp_array
        rdm_array[p] = temp_array[rndnum] // put selected image in rdm_array
        temp_array.splice(rndnum, 1) // remove selected image from temp_array
    }

}

step = 1
nextpic = 0
speed = 10
next_right = ""
initpos = new Array()
nowdivpos = new Array()
moz = document.getElementById && !document.all

function create_thumbshow() {

    if (css_positioning == 0) {
        document.write("<div id=\"container\" style=\"position:relative; width:0px;height:0px; border:" + border + "px " + bordertype + " " + bordercolor + ";background:" + borderbackground + "\">")
    }
    else {
        document.write("<div id=\"container\" style=\"position:absolute; left:" + css_left + "px; top:" + css_top + "px; width:0px;height:0px; border:" + border + " " + bordertype + " " + bordercolor + ";background:" + borderbackground + "\">")
    }

    document.write("<div id=\"display_area\" style=\"position:absolute; left:0; top:0; width:0px; height:0px; clip:rect(0 0 0 0);\" onmouseover=\"stopme()\" onmouseout=\"animate()\">")

    for (i = 0; i < img_places + 1; i++) { // create image holders
        document.write("<div id=\"div_" + [i] + "\" style=\"position:absolute\">")
        if (this.location != '') {
            document.write("<a id=\"loc_" + [i] + "\" href=\"\" onclick=\"newwin(this.location);return false\">")
            document.write("<img src=\"\" id=\"pic_" + [i] + "\" width=\"" + img_width + "\" height=\"" + img_height + "\" alt=\"Multiple Image SlideShow\" border=\"0\">")
            document.write("</a>")
        }
        else {
            document.write("<img src=\"\" id=\"pic_" + [i] + "\" width=\"" + img_width + "\" height=\"" + img_height + "\" alt=\"Multiple Image SlideShow\" border=\"0\">")
        }
        document.write("</div>")
    }
    document.write("</div>")
    document.write("</div>")
}

function init_thumbshow() {
    container_border = parseInt(document.getElementById("container").style.borderWidth) * 2
    container_width = ((img_places) * img_width) + ((img_places - 1) * img_spacer)
    document.getElementById("container").style.width = container_width + (!moz ? container_border : "") + "px"
    document.getElementById("container").style.height = img_height + (!moz ? container_border : "") + "px"

    displayarea = document.getElementById("display_area")
    displayarea.style.width = container_width + "px";
    displayarea.style.height = img_height + "px";
    displayarea.style.clip = (!moz ? "rect(0 " + container_width + "px " + img_height + "px 0)" : "rect(0 " + container_width + "px " + img_height + "px 0)")

    img_pos = -document.getElementById("pic_0").width - border

    for (i = 0; i < img_places + 1; i++) {
        img_pos += (document.getElementById("pic_0").width) + img_spacer
        initpos[i] = img_pos
        document.getElementById("div_" + [i]).style.left = initpos[i] + "px"

        if (nextpic == data.length) {
            nextpic = 0
        }

        if (rdm_img == 1) {
            document.getElementById("loc_" + [i]).location = rdm_array[nextpic][1]
            document.getElementById("pic_" + [i]).src = rdm_array[nextpic][0]
            document.getElementById("pic_" + [i]).alt = rdm_array[nextpic][2]
        }
        else {
            document.getElementById("loc_" + [i]).location = data[nextpic][1]
            document.getElementById("pic_" + [i]).src = data[nextpic][0]
            document.getElementById("pic_" + [i]).alt = data[nextpic][2]
        }
        nextpic++
    }

    animate()
}

next_right = ""
function animate() {
    clearTimeout(next_right)
    for (i = 0; i < img_places + 1; i++) {
        nowdivpos[i] = parseInt(document.getElementById("div_" + i).style.left)
        nowdivpos[i] -= step

        if (nowdivpos[i] <= -(document.getElementById("pic_0").width + img_spacer)) {
            document.getElementById("div_" + [i]).style.left = parseInt(container_width + img_spacer) + "px"

            if (nextpic > data.length - 1) {
                nextpic = 0
            }

            if (rdm_img == 1) {
                document.getElementById("loc_" + [i]).location = rdm_array[nextpic][1]
                document.getElementById("pic_" + [i]).src = rdm_array[nextpic][0]
                document.getElementById("pic_" + [i]).alt = rdm_array[nextpic][2]
            }
            else {
                document.getElementById("loc_" + [i]).location = data[nextpic][1]
                document.getElementById("pic_" + [i]).src = data[nextpic][0]
                document.getElementById("pic_" + [i]).alt = data[nextpic][2]
            }

            nextpic++

        }
        else {
            document.getElementById("div_" + [i]).style.left = nowdivpos[i] + "px"
        }

    }
    next_right = setTimeout("animate()", speed)

}

function stopme() {
    clearTimeout(next_right)
}

function newwin(loc) {
    if (loc == "") { return }
    if (reuse_window == 0) {
        location = loc
    }
    else {
        //window.open(loc)
        window.open(loc, '', 'left=100,top=50,width=800,height=600,menubar=1,resizable=1,status=1,toolbar=1,resizable=1,location=1') // use for specific size and positioned window
    }
}

// only in site, not in popup-windows
$(document).ready(function() {
    if (document.getElementById("display_area")) {
        setTimeout(function() { init_thumbshow(); }, 5000);
    }
});

/* ICONBAR
=============================================*/
function showIcons(panelID) {
    document.getElementById(panelID).style.display = '';
}
function hideIcons(panelID) {
    document.getElementById(panelID).style.display = 'none';
}