$(window).ready(function() {
	var cache = [];
	  // Arguments are image paths relative to the current page.
	  $.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
		  var cacheImage = document.createElement('img');
		  cacheImage.src = arguments[i];
		  cache.push(cacheImage);
		}
	  }
	/*$("div.scrollable")
	.scrollable({ size: 1 })
	.navigator({
	navi: 'ul.bannernav',
	activeClass: 'on'
	});*/
	
	// Preload images
	jQuery.preLoadImages("/images/hppanelPurpletexture.jpg"				
                        , "/images/Homepage/banners/aboutus1_resized.jpg"
                        , "/images/bg-homepage-panel-blue-texture.jpg"	
                        , "/images/Homepage/banners/career2resized.jpg"
                        , "/images/hppanelPinktexture.jpg"
                        , "/images/Homepage/banners/baloons.jpg"
                        , "/images/hppanelOrangetexture.jpg"
                        , "/images/Homepage/banners/classifieds4resized.jpg"
					//	, "/images/bg-homepage-panel-black-texture.jpg"
						);
	$('.leftcopy').each(function(index) {
		var image = $(this).attr('rel');
		jQuery.preLoadImages(image);
	});
	
	$("div.scrollable")
	.scrollable({ speed: 700, size: 1, circular: true, clickable: false, onSeek: function(event, index) {
		var rel = $(this.getItems()[index]).attr('rel');
		
		switch (index) {
		case 0:
		SetWrapper('purple', rel, 0);
		break;
		case 1:
		SetWrapper('blue', rel, 0);
		break;
		case 2:
		SetWrapper('pink', rel, 0);
		break;
        case 3:
        SetWrapper('orange', rel, 0);
        break;
		}
	}
	})
	.navigator({
		navi: 'ul.bannernav_new',
		activeClass: 'on'
	})
	.autoscroll(7000);
	
	var item = $('.bannernav_new li > a');
			
		$(item).each(function() {
				$(this).click(function() {
        			window.location.href = escape($(this).attr('href'));
            		return false;
            	});
		});
			

	 	/*$(item[0]).click( function() {
            window.location.href = escape($(item[0]).attr('href'));
            return false;
		});
		
		$(item[1]).click( function() {
            window.location.href = escape($(item[1]).attr('href'));
            return false;
		});

		$(item[2]).click( function() {
            window.location.href = escape($(item[2]).attr('href'));
            return false;
		});

		$(item[3]).click( function() {
            window.location.href = escape($(item[3]).attr('href'));
            return false;
		}); */

		//window.api = root.data('scrollable');

	$('ul.bannernav_new li').hover(function(){
         $(this).click(); }, function(){});
});

function SetWrapper(colour, image, px) {
	$('div.banner').attr('class', 'banner ' + colour).fadeIn();
	$('.banner .image').css('background', 'url("'+image+'") no-repeat scroll '+px+'px 0 transparent');
};