$(document).ready(function() {



    $.fn.menu = function(option) {
        var defaults = {};
        var options = $.extend(defaults, option);
        return this.each(function() {
            menuControl = this;

            // Event handler for menu items
            $('> ul > li', this).mouseover(function() {
            	if($(this).attr('expanded') != 'true'){
	            	$(this).parent().find('> li > a').css({'font-weight':'normal'});
	            	$(this).parent().find('> li > ul').fadeOut(100);
	            	$('> a', this).css({'font-weight':'bold'}).next().slideDown(200);
	            	$('.menu-grad').hide();
	            	$('.menu-grad',this).show();
					$('.main-menu > ul > .selected > .menu-grad').show();
					$('.main-menu > ul > .selected > a').css({'font-weight':'bold'});
	            	$('[expanded=true]').attr('expanded','false');
	            	$(this).attr('expanded','true');
            	}
            });

            // Event handler for the mouse over of other elements on the page that hide all menus
            $('#header, #breadcrumb, #container, #footer').mouseover(function() {
            	$('.main-menu > ul > li > ul').fadeOut(100);
            	$('.menu-grad').hide();
            	$('[expanded=true]').attr('expanded','false');
            	$('.main-menu > ul > li > a').css({'font-weight':''});
            	$('.main-menu > ul > .selected > .menu-grad').show();
				$('.main-menu > ul > .selected > a').css({'font-weight':'bold'});
            });
			

            // Make sure menus span the whole width of the page

            var menuWidth = $(this).outerWidth(true);
            var innerWidth = 0;
            var menuItems = $('> ul > li', this);
            for(i=0;i<menuItems.length;i++) {
            	innerWidth+= $(menuItems[i]).outerWidth(true);
            }
            var diff = menuWidth - innerWidth;
            var offset = Math.floor(diff / $('> ul > li', this).length);
            for(i=0;i<menuItems.length;i++) {
            	if(i==0){$('<img src="/sites/all/themes/axispoint/images/after-gradient.jpg" style="z-index:9; position:absolute; right:0px; top:0px; display:none;" class="menu-grad" />').prependTo($(menuItems[i])); }
            	else if((i+1)== menuItems.length){ $('<img src="/sites/all/themes/axispoint/images/before-gradient.jpg" style="z-index:9; position:absolute; left:0px; top:0px; display:none;" class="menu-grad" />').prependTo($(menuItems[i])); }
            	else{ $('<img src="/sites/all/themes/axispoint/images/after-gradient.jpg" style="z-index:9; position:absolute; right:0px; top:0px; display:none;" class="menu-grad" /><img src="/sites/all/themes/axispoint/images/before-gradient.jpg" style="z-index:9; position:absolute; left:0px; top:0px; display:none;" class="menu-grad" />').prependTo($(menuItems[i])); }
            	var newWidth = $(menuItems[i]).width() + offset;
            	$(menuItems[i]).css({'width':newWidth+'px'});
            };

            // Make sure last menu is positioned backward
            $('> ul > li.last > ul', this).css({'left':'','right':'0px'});
        	$('> ul > .selected > .menu-grad', this).show();
			$('> ul > .selected > a', this).css({'font-weight':'bold'});
        });
    };



	$('.archive-list > ul > li').click(function(){
		if($('> ul', this).attr('expanded') == 'true'){
			$(this).css({'background-image':'url(/sites/all/themes/axispoint/images/arrow_right.jpg)'});
			$('> ul', this).attr('expanded','false').slideUp();

		} else {
			$(this).css({'background-image':'url(/sites/all/themes/axispoint/images/arrow_down.jpg)'});
			$('> ul', this).attr('expanded','true').slideDown();
		}
	});
	
	
	
	$('.clipped-link').click(function(){
		$('.clipped-text', $(this).parent()).slideToggle();
	});


	$('.clipped-text').hide();



	$('<span class="trade">&trade;</span>').appendTo($('#menu > ul > li > [href=/axiscare]'));
	
	
	
	
});


var sliderTimer;
var sliderIndex = 0;


function nonFlashSlider(){

	$.ajax({
		type: "GET",
		url: "/messages_xml",
		dataType: "xml",
		success: parseSliderXml
	});

}

function parseSliderXml(xml){
	var output = '<div id="slider"><div class="slider-large"></div><div class="slider-title"></div><div class="slider-message"></div><div class="slider-links"></div><div class="slider-boxes"><ul>';
	$(xml).find("message").each(function(){
		output += '<li>';
		output += '<div class="thumb"><img src="'  + $('thumb',$(this)).text()  + '" /></div>';
		output += '<div class="hide">';
		output += '<div class="title">'  + $('title',$(this)).text()  + '</div>';
		output += '<div class="medium">' + $('medium',$(this)).text() + '</div>';
		output += '<div class="hline">'  + $('hline',$(this)).text()  + '</div>';
		output += '<div class="large">'  + $('large',$(this)).text()  + '</div>';
		output += '<div class="links">';
		output += '<ul>';
		$('link', $(this)).each(function(){
			if($(this).attr('href') != ''){
				output += '<li><a href="' + $(this).attr('href') + '">' + $(this).text() + '</a></li>'; 
			}
		});
		output += '</ul>';
		output += '</div>';
		output += '</div>';
		output += '</li>';
	});
	output += '</ul></div>';
	
	$(output).appendTo($('#flashbox').empty());
	
	$('.slider-boxes .thumb').click(function(){
		sliderIndex = $(this).parent().prevAll().length;
		clearTimeout(sliderTimer);
		changeSlider();
		
	});
	changeSlider();
	sliderTimer = setTimeout(changeSlider, 5000);
}

function changeSlider(){
	var selectedPage = $('.slider-boxes ul li .hide')[sliderIndex];
	
	$('#slider .slider-large').hide().css({'background':'url("' + $('.large',$(selectedPage)).text() + '") no-repeat'}).fadeIn();
	
	$('#slider .slider-title').text($('.title', $(selectedPage)).text());
	$('#slider .slider-message').text($('.hline', $(selectedPage)).text());
	$('#slider .slider-links').html($('.links', $(selectedPage)).html());
	sliderIndex++;
	if((sliderIndex+1)== $('.slider-boxes ul li .hide').length) 
		sliderIndex = 1;
}


if(!FlashDetect.installed) { nonFlashSlider(); }