front = {
	
	getInformation: function(){
		//href = #id=5&lang=en for english link  or #id=5 for chinese link
		var href = $(this).attr('href');
		var re_id = new RegExp("id=(\\d+)");
		if (r = re_id.exec(href)) {
			playerId = r[1];
		}
		language = ''; //chinese
		language_link = '';//chinese
		var re_lang = new RegExp("lang=en");
		if (r = re_lang.exec(href)) {
			language = 'en';
			language_link = '&lang=en';   //english
			
		}		
		$.get("player.php?id="+playerId+language_link, 
				function(data){	
					front.displayInformation(data, language); 
				}
			);

	},
	
	displayInformation: function(response_data, language){
		$('#dialog').html(response_data);

		if (language == 'en') {
			if($('#is_vote').text()=='1')
			{
				$('#dialog').dialog({
					bigframe: true,
					autoOpen: false,
					width: 400,
					height: 500,
					modal: false,
					draggable: true,	
					close: function(event){ },	
					buttons: {
						'Cancel': function (event){
								$(this).dialog('close');
								},
						'Vote(Please enter the correct code)':function (event){						
								front.vote(language);		
								}
					}});
			}else{
				$('#dialog').dialog({
					bigframe: true,
					autoOpen: false,
					width: 400,
					height: 500,
					modal: false,
					draggable: true,	
					close: function(event){ },	
					buttons: {
						
					}});
			}
		} else {
			if($('#is_vote').text()=='1')
			{
				$('#dialog').dialog({
					bigframe: true,
					autoOpen: false,
					width: 400,
					height: 500,
					modal: false,
					draggable: true,	
					close: function(event){ },				
					buttons: {
						'取消': function (event){
								$(this).dialog('close');
								},
						'投票（請輸入正確的驗證碼，否則投票無效）':function (event){						
								front.vote(language);		
								}
					}});				
			}
			else
			{
				$('#dialog').dialog({
					bigframe: true,
					autoOpen: false,
					width: 400,
					height: 500,
					modal: false,
					draggable: true,	
					close: function(event){ },				
					buttons: {
						
					}});	
			}
		}

	    $("#dialog").dialog('open');   
	},
	
	vote:function(language){
		playerId = $('#dialog_player_id').text();
		eventId = $('#dialog_event_id').text();
		vefication_code = $('#dialog_vcode').text();
		input_vcode = $('[name=vcode]').val();

		if (vefication_code == input_vcode) {
			url = "one_player_vote.php?" + 
					"id=" + playerId +
					"&vcode=" + input_vcode +
					"&eid=" + eventId;
					
			window.location = url;
		} else {
			if (language == 'en') {
				$('#errormessage').html("You enter a wrong verification code! <br />Enter the correct code please.");
			} else {
				$('#errormessage').text("请输入正确的验证码！");
			}
		}
	},
	
	displayService: function() {
		
		var current_category_name = $(this).text();
		
		var ul_selector = '#subcategory_list>li';
		for (i=1; i<=$(ul_selector).length; i++){
			category_name = $(ul_selector + ':nth-child(' + i + ')').text();
			if (category_name.indexOf(current_category_name) != -1){
			    //hide all content
				$('#service #service_list>li').css('display', 'none');
				//display new content
				$('#service #service_list>li:nth-child(' + i + ')').css('display', 'block');
			}
			
		}
	},
	initDisplayService: function() {
		if($('#current_tab').html()!='')
		{
			
			var current_category_name = $('#current_tab').text();
			var ul_selector = '#subcategory_list>li';
			for (i=1; i<=$(ul_selector).length; i++){
				category_name = $(ul_selector + ':nth-child(' + i + ')').text();
				if (category_name.indexOf(current_category_name) != -1){
					//hide all content
					$('#service #service_list>li').css('display', 'none');
					//display new content
					$('#service #service_list>li:nth-child(' + i + ')').css('display', 'block');
				}
				
			}
		}
	},
	
	changeCityWeather: function() {
		var sorting = $(this).attr('rel');
		var ul_selector = '#home_weather ul.current_weather>li';
		$(ul_selector).css('display', 'none');
		$(ul_selector + ':nth-child(' + sorting + ')').css('display', 'block');
		return false;
	
	},	
	initCityWeather: function() {
		var sorting = '2';  //the rel value of sydney  is 2 in index.php
		var ul_selector = '#home_weather ul.current_weather>li';
		$(ul_selector).css('display', 'none');
		$(ul_selector + ':nth-child(' + sorting + ')').css('display', 'block');
		return false;
	},
	gotoNewsDatePage: function(){
		window.location = "news.php?cid=" + $('select#news_date').attr('class') + "&date=" + $('select#news_date').val() + '&lang=' + $('select#news_date').attr('lang');
	},
	gotoTVGuideDatePage: function(){
		window.location = "tv_guide_online.php?tid=" + $('select#tv_guide_date').val();
	},	
	changeCity: function(){
	//	console.log('city');
	
	},
	readyFunction: function(){   
		front.initCityWeather();	
		front.initDisplayService();
		$('a', '#player_gallery').click(front.getInformation);  
		$('a', '#player_gallery2').click(front.getInformation);
		
		$('#service #subcategory_list li>a').click(front.displayService);
		$('select#news_date').change(front.gotoNewsDatePage);
		$('select#tv_guide_date').change(front.gotoTVGuideDatePage);
		$('.home_weather_cities ul li a').click(front.changeCityWeather);
	}
}

$(document).ready(front.readyFunction);