var preloadImages = function() {
  for(var i = 0; i<arguments.length; i++) {
    $("<img>").attr("src", arguments[i]);
  }
}
preloadImages("images/banner_01.jpg");


var cs = {
	init:function(){
			
		// Add CSS3-style helper classes
		$("li:first").addClass("first");
		$("p:first").addClass("first");
		$("li:odd").addClass("odd");
		$("tr:odd").addClass("odd");
		
		// Rounded corners on nav
		$("#nav").corner("top 5px");
		$("#nav li:first a").corner("tl 5px");
		
		// Remove search form text
		$("#header form input").click(function(){
			if (this.value == "Search") {
				this.value = "";
			}
		});
		
		// Remove people search form text
		$("#peoplesearch input").click(function(){
			if (this.value == "Enter name") {
				this.value = "";
			}
		});
		
		// Select region
		$("#selectregion > ul > li > a").click(function(){
			theLi = $(this).parent()
			$("ul",theLi).slideToggle();
			$(theLi).toggleClass("selected")
			return false;
		});
		
		//if()
		
		// Home Slider
		$("#knowledgecentre").easySlider({
			prevText: "",
			nextText: ""
		});
		
		// Init img Slider
		cs.imgslider.init()
	},
	imgslider:{
		// Inits the img slider
		init:function(){
			// Count the number of slides
			imgCount = $("#imgslider img").length;
			
			// Build the HTML for the nav
			imgsliderHTML = "<ol>";
			for (i=0;i<=imgCount-1;i++) {
				imgsliderHTML += "<li";
				if (i == 0) {
					imgsliderHTML += " class=\"selected\"";
				}
				imgsliderHTML += "><a href=\"javascript:cs.imgslider.goto(" + i + ")\">" + (i+1) + "</a></li>";
			}
			imgsliderHTML += "</ol>";
			
			// Append the HTML
			$("#imgslider .nav").html(imgsliderHTML)
		},
		// Handles changing the slide
		goto:function(to){
			// Check if we're not already on that slide
			if (to != $("#imgslider ul li").index($("#imgslider ul li:visible"))){
				
				// Remove the current slide
				$("#imgslider ul li:visible").slideUp()
				
				// Show the new slide
				$("#imgslider ul li:eq(" + to + ")").slideDown()
				
				// Update the nav
				$("#imgslider ol li").removeClass("selected")
				$("#imgslider ol li:eq(" + to + ")").addClass("selected")
			}
			
		}
	}
}
$(function(){cs.init()})


//
$(document).ready(function(){
	
	var categoryList = new Array();
	categoryList[0] = {left: 19, top: 170, selectedItem: 1};
	categoryList[1] = {left: 19, top: 170, selectedItem: 3};
	categoryList[2] = {left: 19, top: 200, selectedItem: 5};
	categoryList[3] = {left: 20, top: 200, selectedItem: 6};
	categoryList[4] = {left: 300, top: 30, selectedItem: 6};
	categoryList[5] = {left: 20, top: 200, selectedItem: 4};
	
	$('.bannerCategories').hide().css({opacity: 0.0});	
	$('#list0').show().css({opacity: 1.0});
	
	
	function fadeBanners() {
		
		var $selected = $('.mainBanners li.selected');	
		var $next =  $selected.next().length ? $selected.next() : $('.mainBanners li:first');
		$selected.addClass('lastSelected');
		
		var currentItem = $('.mainBanners li').index($('.mainBanners li.selected'));		
		$('#list' + currentItem).animate({opacity: 0.0}, 1000, function() {
				$(this).hide();																	   
			});
		
		var newItem = currentItem < $('.mainBanners li').length - 1 ? currentItem + 1 : 0;
		
		$('#list' + newItem).css({
				top: categoryList[newItem].top,
				left: categoryList[newItem].left
			}).show().animate({opacity: 1.0}, 1000);
		
		$next.css({opacity: 0.0})
			.addClass('selected')
			.animate({opacity: 1.0}, 1000, function() {
				$selected.removeClass('selected lastSelected');
			});
		
	}
	
	nextBanner = setInterval(function(){fadeBanners()}, 5 * 1000);
	
})