$(function() {
	$('#main-pic').cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 5000, 
		prev:    '.prev',
		next:    '.next'
	});
});

var subMenuPrefix = 'subMenu';
var linkPrefix = 'primaryLink';

var timeout  = 250; 
var fadeRate = 250; 
var doFade   = true;

var timers = new Array();
var state = new Array();
var lastOpacity = new Array();
var ie = false;

if(navigator.appName == "Microsoft Internet Explorer") 	
	ie = true;

function setMenu(id)
{
	var newid = subMenuPrefix + id;
	var e = document.getElementById(newid);
	e.style.visibility = "visible";

	var l = document.getElementById(linkPrefix + id);
	e.style.left = l.offsetLeft + 'px';

	state[newid] = true;
	setOpacity(newid, 1);

	if(timers[newid]) 
	{
		clearTimeout(timers[newid]);
		timers[newid] = undefined;
	}
}

function hideMenu(id)
{
	var newid = subMenuPrefix + id;

    if(doFade) 
		timers[newid] = setTimeout('fadeMenu( "' + newid + '" )', timeout);
    else 
		timers[newid] = setTimeout('clearMenu( "' + newid + '" )', timeout);
}

function clearMenu(id)
{
	var e = document.getElementById(id);
	e.style.visibility = "hidden";
}

function setOpacity(id, value)
{
    var e = document.getElementById(id);

    if(state[id]) 
		value = 1;    
    else if(lastOpacity[id] && (lastOpacity[id] < value)) 
		value = lastOpacity[id];  
    
	if(e != null)
	{
		if(ie) 
			e.style.filter = 'alpha(opacity=' + value * 100 + ')'; 
		else 	
			e.style.opacity = value;     
	}

    if(value == 0) 
		clearMenu(id);    

    lastOpacity[id] = value;
}

function fadeMenu(id)
{
    var start = 0;
    var end = 0;
    var s = Math.round(fadeRate / 25);   
    var timer = 0;
    var i;

    state[id] = false;

    for(i = s; i >= 0 ; i--) 
	{
        setTimeout("setOpacity('" + id + "'," + (i / s) + ")", timer++ * fadeRate / s);
    }
}