/* 
	Name: Smokefree City & Hackney 
	Date: 10th March 2010 
	Description: Homepage JS
	Version: 1.0 
	Author: Pete Luffman
	Author URI: http://www.merchantmarketinggroup.com
*/

$(function(){	
	
	/*********************************************** 
					Ajax Slider
	***********************************************/

	var $slider = $('#slider');
	$.ajax({
	    type: "GET",
		url: "js/images.xml",
		dataType: "xml",
		success: function(xml) {
			// Create list
			$slider.append('<ul/>');
			
			var images = $(xml).find('image');
					
			images.each(function(index){
				
				var img = new Image();
				var src = $(this).attr('src');
				var li = $('<li/>').addClass('loading').appendTo($slider.find('ul'));
						
		        $(img).load(function () {

		            $(this).css('display','none');
		            $(li).removeClass('loading').append(this);
		            $(this).fadeIn();
		           	
		           
		           	// Update the cloned list elements created by the slider
		           	var imgClone = $(li).find('img').clone();
		           	
		          	switch(index){
		           	
		           		case 0 :
		           			loadClone('li:last-child');
		           			break;
		           			
		           		case images.length-1 : // last item
		           			loadClone('li:first-child');
		           			break;
		           	}
		           	
		           	function loadClone(target){
		           		$slider
           				.find(target)
           				.removeClass('loading')
           				.append(imgClone)
           				.find('img')
           				.removeAttr('style')
           				.fadeIn();
		           	}
		           			         	
		        }).error(function () {
					$(li).remove();
		        }).attr('src', $(this).attr('src'));
			});
					
			$slider.easySlider({
				auto: true, 
				continuous: true,
				numeric: true,
				pause: 4000
			});	
			
			$('#controls-wrapper').appendTo('#case-studies');							
		}
	});	

	/*********************************************** 
					Closable Intro
	***********************************************/	
	
	var $container = $("#intro");
	
	if ($.browser.msie && $.browser.version.substr(0,1)<7) 
	{
		$("#case-studies")
			.append("<a class='ie-close' href='#'></a>")
			.find('.ie-close')
			.click(function(){
				fadeContainer()
			});
	}
	
	$container
		.append("<div id='close' href='#'>Close</div>")
		.find('#close')
		.click(function(){
			fadeContainer()
		});
	
	function fadeContainer() {
		$container.fadeOut();
		return false;
	}
	
	/*********************************************** 
					Ticker
	***********************************************/
	
	var $news = $('#latest-news').removeClass('hide');
	
	var options = {
  		newsList: '#list',
 		startDelay: 10,
 		placeHolder1: "_",
 		tickerRate: 50
	}
	$().newsTicker(options);
});