// JavaScript Document
(function($) {                                          // Compliant with jquery.noConflict()
$.fn.pvmCrossFader = function(o) {
    o = $.extend({
       speed 			: 1000,
	   auto 			: 4000,
	   city_name_el		: null,
	   city_desc_el		: null,
	   
	   arrow_left_el	: null,
	   arrow_right_el	: null
    }, o || {});

    return this.each(function() {                           // Returns the element collection. Chainable.

		var $this = $(this);
		var ul = ("ul", $this);
		var li = ("li", ul);
		
		//li.css({"position":"absolute", "top":0,"left":0});
		var items = $(".main_banner_item");
		var total_index = items.size();
		//alert("total_index = " + total_index);
		
		var city_name = new Array();
		var city_name_img = new Array();
		var city_desc = new Array();
		
		for (i=0;i<total_index;i++)
		{
			items.eq(i).hide();
			
			city_name[i] = items.eq(i).attr("city");
			city_desc[i] = items.eq(i).attr("desc");
			
			//city_name[i] = $(".city_name", items.eq(i)).hide().html();
			//city_name_img[i] = $(".content_city_name", items.eq(i)).hide().html();
			//city_desc[i] = $(".content_city_desc", items.eq(i)).hide().html();
			
		}
		
		//items.eq(0).show();
		
		var prev_index = total_index - 1;
		var current_index = 0;
		var next_index = 1;
		
		goto(0);
		
		//goto(current_index+1);
			
		setInterval(function(){
			
			goto(current_index+1);
		
		}, o.auto);
		
		
		function goto(target_index)
		{
			items.eq(current_index).fadeOut(o.speed);
			
			if (target_index == total_index) {
				current_index = 0;
			} else {
				current_index = target_index;
			}
			
			
			items.eq(current_index).fadeIn(o.speed);
		
			if(o.city_name_el)
				o.city_name_el.fadeOut(500, function(){
					$(this).html(city_name[current_index]).fadeIn(700);
				});
			if(o.city_desc_el)
				o.city_desc_el.fadeOut(500, function(){
					$(this).html(city_desc[current_index]).fadeIn(700);
				});
			
			
			
			
			//o.arrow_left_el.html(city_name[prev_index]);
			//o.arrow_right_el.html(city_name[next_index]);
			
		}

	});
	
}

})(jQuery);