var countSlider=3;	/* total banners amount */
var numberSlider=1;/* curent banner*/
var timeout=5000;
var ajaxCityScript = "/index/getcity";
$(document).ready(function(){
	initTabs();
	initSelect();
	initMaps();
	initImage();
	initSlider();
	initCollapse();
	initPopup();
	initOver();
});
function initTabs()
{
	$("div#tab_content div.title > ul").tabs();
	$("div.mini-tabs > ul").tabs();
}
function initSlider()
{
	setTimeout('rotateImage()',0);
}
/*automatic image rotation with timeout=5000ms */
function rotateImage()
{
	if (numberSlider>countSlider) numberSlider=1;
	var link='/public/ajax/banner_'+numberSlider +'.html';
	
	$('div.flash div.banner').fadeOut('slow', function () {
		$.ajax({
			  url: link,
			  cache: false,
			  success: function(ajaxData){
					$('ul.nav li').removeClass('active');
					$('ul.nav li a[rel='+numberSlider+']').parent('li').addClass('active');
					$('div.flash div.banner').html(ajaxData);
					numberSlider++;
					$('div.flash div.banner').fadeIn('slow');
				}
		});
	});
	setTimeout('rotateImage()',timeout);
}
/*init manual banner change by on click*/
function initImage()
{
	$('div.flash ul.nav a').click(function(e){
		e.preventDefault();
		$(this).parents('ul.nav').find('li').removeClass('active');
		$(this).parent('li').addClass('active');
		numberSlider =$(this).attr('rel');
		var link='ajax/banner_'+$(this).attr('rel') +'.html';
		$('div.flash div.banner').fadeOut('slow', function () {
			$.ajax({
			  url: link,
			  cache: false,
			  success: function(ajaxData){
					$('div.flash div.banner').html(ajaxData);
					$('div.flash div.banner').fadeIn('slow');
				}
				});
			});
		});
}
function initPopup(){
	$('div.popup a.close').click(function(e){
		e.preventDefault();
		$('div.popup').remove();
	});		
}
function initOver(){
	$('div.map ul a.city').hover(function(e){
		var curCity = $(this).attr('title');
		$(this).parents('div.map').find('ul li').removeClass('active');
		$(this).parent('li').addClass('active');
		$('div.city-info span.name').html(curCity);
	});	
}
function initMaps()
{
	$('div.map ul a.city').click(function(e){
		e.preventDefault();
		var curCity = $(this).attr('title');
		$(this).parents('div.map').find('ul li').removeClass('active');
		$(this).parent('li').addClass('active');
		$('div.city-info span.name').html(curCity);
		var rel = $(this).attr('rel');
		var thislink = $(this);
		$.get(ajaxCityScript+"?city_id="+rel,function(data){
			$('div.popup').remove();
			$('body').append(data);
			var left = thislink.offset().left;
			var top = thislink.offset().top;
			$('div.popup').css('left',left - 110);
			$('div.popup').css('top',top - 169);
			initPopup();
		});
	});
}
function initSelect()
{
	$('div.select span').click(function(){
		closeAll($(this));
		var curPosition = $(this).parents('div.select').css('position');
		$(this).parents('div.select').css('position', (curPosition=='static')? 'relative':'static' );
		$(this).parents('div.select').find('ul').toggle();
	});
	$("div.select ul li").hover(
		function(){ $(this).addClass('hover'); },
		function(){ $(this).removeClass('hover');}
	);
	$('div.select a').click(function(e){
		e.preventDefault();
		var curValue = $(this).text();
		var curRel = $(this).attr('rel');
		$(this).parents('div.select').css('position','static');
		$(this).parents('div.select').find('input').attr('value',curRel);
		$(this).parents('div.select').find('span').html(curValue);
		$('div.map ul li').removeClass('active');
		$('div.map ul a[class^='+curRel+']').parent('li').addClass('active');
		initCity(curRel);
		$(this).parents('div.select').find('ul').hide();	
	});
	
	$(document).click(function(e){
		var trgt = $(e.target);
		if (!trgt.parents().hasClass('select')){
			$('div.select ul').hide();
			$('div.select').css('position','static');
		}
	});
}
function closeAll(obj)
{
	var els = $('div.select span').not(obj);
	els.parents('div.select').css({'position':'static'}).find('ul').hide();
}
function initCollapse(){
	$('div.collapse-description').css({'display':'none'});
	$('div.collapse-title h4 a').click(function(){
		$(this).parent().parent().parent().find('div.collapse-description').slideToggle(300);
		return false;
	});
}