﻿var timeout = 0;
var closetimer = 0;
var ddmenuitem = 0;

function siteMenu_open() {
    siteMenu_canceltimer();
    siteMenu_close();
    ddmenuitem = $(this).find('div.subMenu').css('visibility', 'visible');
}

function siteMenu_close() {
    if (ddmenuitem) ddmenuitem.css('visibility', 'hidden'); 
}

function siteMenu_timer() {
    closetimer = window.setTimeout(siteMenu_close, timeout); 
}

function siteMenu_canceltimer() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    } 
}

$(document).ready(function() {
    $('#siteMenu > li').bind('mouseover', siteMenu_open)
    $('#siteMenu > li').bind('mouseout', siteMenu_timer)
});

document.onclick = siteMenu_close;

/* Collapsible panels */

$(document).ready(function() {

    //Hide (Collapse) the toggle containers on load
    $(".toggle_container").show();
    var trigImg = $('.trigger > .trigger_image');
    trigImg.attr("src", "/assets/images/buttons/menu-right-arrow.png");
    trigImg.attr("title", "Click to expand");
    trigImg.attr("alt", "Arrow pointing right");

    //Switch the "Open" and "Close" state per click
    $("h2.trigger").toggle(function() {
        var trigImg = $(this).find('.trigger_image');
        trigImg.attr("src", "/assets/images/buttons/menu-down-arrow.png");
        trigImg.attr("title", "Click to compress");
        trigImg.attr("alt", "Arrow pointing down");
    }, function() {
        var trigImg = $(this).find('.trigger_image');
        trigImg.attr("src", "/assets/images/buttons/menu-right-arrow.png");
        trigImg.attr("title", "Click to expand");
        trigImg.attr("alt", "Arrow pointing right");
    });

    //Slide up and down on click
    $("h2.trigger").click(function() {
        $(this).next(".toggle_container").slideToggle("slow");
    });

});

/* News ticker */

/*.innerfade({
	animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'),
	speed: Fadingspeed in milliseconds or keywords (slow, normal or fast)(Default: 'normal'),
	timeout: Time between the fades in milliseconds (Default: '2000'),
	type: Type of slideshow: 'sequence', 'random' or 'random_start' (Default: 'sequence'),
	containerheight: Height of the containing element in any css-height-value (Default: 'auto')
	runningclass: CSS-Class which the container get’s applied (Default: 'innerfade')
});*/

$(document).ready(
	function() {
        $('#news_ticker_list').innerfade({
	        animationtype: 'fade',
	        speed: 750,
	        timeout: 8000,
	        type: 'random',
	        containerheight: 'auto'
	    });
	}
);
