$(document).ready(function(){
	var launchDate = $.datepicker.parseDate('yy-mm-dd', '2010-03-15');
	$.datepicker.setDefaults({
		showOn: 'button',
		buttonText: '',
		buttonImage: '/_esi/_images/icon_calendar2.gif', 
		buttonImageOnly: true,
		maxDate: 0,
		minDate: launchDate,
		dateFormat: 'yy-mm-dd',
		duration: ''
	});
	var currentDate = new Date();
	//console.log("currentDate", currentDate);
	var todayStr = $.datepicker.formatDate('dd M yy', currentDate);
	var buddistYear = parseInt(todayStr.split(' ')[2])+543;
	if(pageLanguage == 'th') {
		todayStr = todayStr.split(' ')[0]+' '+todayStr.split(' ')[1]+' '+buddistYear;
		todayBuddistStr = todayStr.split(' ')[0]+' '+todayStr.split(' ')[1]+' '+buddistYear;
		
	}
	function generateBuddishYear() {
		todayStr = todayStr.split(' ')[0]+' '+todayStr.split(' ')[1]+' '+buddistYear;
	}
	//console.log('buddist year',buddistYear);
	var todayStrUrl = $.datepicker.formatDate('yy-mm-dd', currentDate);
	//console.log("todayStr", todayStr);
	function generateDateSpan(inputDateStr, tabsNo) {
		if(inputDateStr == todayStrUrl) {
			if(tabsNo == 4) {
				if(pageLanguage == 'th') {
					$('#tabs-2-bar-span, #tabs-3-bar-span, #tabs-4-bar-span').html(todayBuddistStr+'<br><span class="blue">อัตราดอกเบี้ยวันนี้</span>');
					$('#tabs-1-bar-span, #tabs-20-bar-span').html(todayBuddistStr+'&nbsp;<span class="blue">อัตราดอกเบี้ยวันนี้</span>');
				} else {
					$('#tabs-2-bar-span, #tabs-3-bar-span, #tabs-4-bar-span').html(todayStr+'<br><span class="blue">Today\'s Rate</span>');
					$('#tabs-1-bar-span, #tabs-20-bar-span').html(todayStr+'&nbsp;<span class="blue">Today\'s Rate</span>');
				}
			} else if (tabsNo == 1  || tabsNo == 20) {
				if(pageLanguage == 'th') {
					$('#tabs-'+tabsNo+'-bar-span').html(todayBuddistStr+'&nbsp;<span class="blue">อัตราดอกเบี้ยวันน</span>');
				} else {
					$('#tabs-'+tabsNo+'-bar-span').html(todayStr+'&nbsp;<span class="blue">Today\'s Rate</span>');
				}
			} else {
				if(pageLanguage == 'th') {
					$('#tabs-'+tabsNo+'-bar-span').html(todayBuddistStr+'<br><span class="blue">อัตราดอกเบี้ยวันน</span>');
				} else {
					$('#tabs-'+tabsNo+'-bar-span').html(todayStr+'<br><span class="blue">Today\'s Rate</span>');
				}
			}
		} else {
			var tempInputDate = $.datepicker.parseDate('yy-mm-dd', inputDateStr);
			var tempInputDateStr = $.datepicker.formatDate('dd M yy', tempInputDate);
			if(tabsNo == 1 || tabsNo == 20) {
				if(pageLanguage == 'th') {
					tempInputDateStr = tempInputDateStr.split(' ')[0]+' '+tempInputDateStr.split(' ')[1]+' '+buddistYear;
					$('#tabs-'+tabsNo+'-bar-span').html(tempInputDateStr+'&nbsp;<span class="blue">อัตราดอกเบี้ย</span>');
				} else {
					$('#tabs-'+tabsNo+'-bar-span').html(tempInputDateStr+'&nbsp;<span class="blue">Rate</span>');
				}
			} else {
				if(pageLanguage == 'th') {
					tempInputDateStr = tempInputDateStr.split(' ')[0]+' '+tempInputDateStr.split(' ')[1]+' '+buddistYear;
					$('#tabs-'+tabsNo+'-bar-span').html(tempInputDateStr+'<br><span class="blue">อัตราดอกเบี้ย</span>');
				} else {
					$('#tabs-'+tabsNo+'-bar-span').html(tempInputDateStr+'<br><span class="blue">Rate</span>');
				}
			}
		}
	}
	generateDateSpan(todayStrUrl,4);
	//console.log('launchDate',launchDate);
	$('.tabs-bar-right').click(function() {
		$('span.ui-datepicker-year').empty();
		$('span.ui-datepicker-year').text(buddistYear);
		//console.log('buddistYear',buddistYear);
	});
	
	//populate rate menu
	$.ajaxSetup({
		async: false
	});
	var mode = '';
	$.getScript("/_esi/_data/"+pageLanguage+"/_"+todayStrUrl+"-rate_data-menu.js");
	populateMenu();
	$.getScript("/_esi/_data/"+pageLanguage+"/_"+todayStrUrl+"-fc_rate_data-menu.js");
	fc_populateMenu();
	
	var selectedRate = "";
	var displayRate = "";
	
	//
	$("#slide-container").jCarouselLite({
        btnNext: "#goNext",
        btnPrev: "#goPrev",
        circular: false,
        visible: 1,
        easing: "bounceout",
        speed: 750,
        btnGo: ["#go-0","#go-1","#go-2"],
        beforeStart: function(a) {
			
    	},
	    afterEnd: function(a) {
    		
	    }
    });
	
	$("#tabs").tabs({
		selected: -1,
		select: function(event, ui) {
			//$('#tabs-1, #tabs-2, #tabs-3').show();
			$('#tabs-4').hide();
			$('#slide-container').appendTo('#tabs-5');
			$('#deposit-slide-container').appendTo('#deposit-slide');
			$('#tabs-5').find('.slide-holder').removeClass('ui-state-default');
			$('#tabs-5').show();
			$("#tabs-4-bar-input").datepicker('destroy');
			
			$("#tabs-1-bar-input").datepicker({
				onSelect: function(dateText, inst) {
					$.getScript("/_esi/_data/"+pageLanguage+"/_"+dateText+"-rate_data-menu.js");
					generateDateSpan(dateText,1);
					$('#menu_3').change();
				}
			});
			if(pageLanguage == 'th') {
				$("#tabs-1-bar-input").datepicker($.datepicker.regional['th']);
			} else {
				$("#tabs-1-bar-input").datepicker('option','prevText','Previous');
			}
			
			if(ui.index == 0) {
				$("#tabs-2-bar-input").datepicker('destroy');
				$('#go-0').click();
				if ($.browser.msie) {
					$('#menu_0').focus();
				}
			} else if(ui.index == 1) {
				//$('#menu_0, #menu_1, #menu_2, #menu_3').blur();
				$('#menu_0, #menu_1, #menu_2, #menu_3, #menu_20, #menu_21, #menu_22, #menu_23').css({width: '130px'});
				$("#tabs-1-bar-input").datepicker('destroy');
				$("#tabs-2-bar-input").datepicker({
					onSelect: function(dateText, inst) {
						//$.getScript("/_esi/_data/"+pageLanguage+"/_"+dateText+"-rate_data-menu.js");
						$.getScript("/_esi/_data/loans/_"+dateText+"-loans_rates.js");
						$('#loans_container').empty();
						$.each(loans_data,function(){
							var figure = this.split('_')[1];
							var prefix = figure.split('.')[0];
							var subfix = figure.split('.')[1];
							if( subfix === undefined) {
								subfix = '00';
							} else if (subfix.length == 1) {
								subfix = subfix+'0';
							}
							$('#loans_container').append('<div class="tabs-2-items"><span class="spanLeft">'+this.split('_')[0]+'</span><span class="spanRight">'+prefix+'.'+subfix+'%</span></div>');
						});
						generateDateSpan(dateText,2);
					}
				});
				if(pageLanguage == 'th') {
					$("#tabs-2-bar-input").datepicker($.datepicker.regional['th']);
					//$("#tabs-2-bar-input").datepicker('option','dateFormat','dd M 534');
				} else {
					$("#tabs-2-bar-input").datepicker('option','prevText','Previous');
				}
				$('#go-1').click();
			} else if(ui.index == 2) {
				$('#fx-slide-container').appendTo('#fx-slide');
				$('#go-2').click();
			}
		
		}
	});
	$('#select-0').show();
	$('#titlerates').click(function() {          
	    $('#tabs').tabs( 'selected' , -1 );
	    //$('#tabs').find("li").removeClass("ui-tabs-selected").removeClass("ui-state-active").addClass("ui-state-default");
	    $('#tabsbar-1, #tabsbar-2, #tabsbar-3').parent('li').removeClass("ui-tabs-selected").removeClass("ui-state-active").addClass("ui-state-default");
	    //$('#tabs-1, #tabs-2, #tabs-3').hide();
	    $('#tabs-1, #tabs-2, #tabs-3').addClass("ui-tabs-hide");
	    $('#slide-container').appendTo('#slide-storage');
		$('#tabs-5').hide();
	    $('#tabs-4').show();
	});
	
	$("#deposit-tabs").tabs({
		selected: 0,
		select: function(event, ui) {
			if(ui.index == 0) {
				$("#tabs-20-bar-input").datepicker('destroy');
				/*
				$("#tabs-1-bar-input").datepicker({
					onSelect: function(dateText, inst) {
						$.getScript("/_esi/_data/"+pageLanguage+"/_"+dateText+"-rate_data-menu.js");
						generateDateSpan(dateText,1);
						$('#menu_3').change();
					}
				});
				*/
				if ($.browser.msie) {
					$('#menu_0').focus();
				}
			} else if(ui.index == 1) {
				//$("#tabs-1-bar-input").datepicker('destroy');
				$("#tabs-20-bar-input").datepicker({
					onSelect: function(dateText, inst) {
						$.getScript("/_esi/_data/"+pageLanguage+"/_"+dateText+"-fc_rate_data-menu.js");
						generateDateSpan(dateText,20);
						$('#menu_23').change();
					}
				});
				if(pageLanguage == 'th') {
					$("#tabs-20-bar-input").datepicker($.datepicker.regional['th']);
				} else {
					$("#tabs-20-bar-input").datepicker('option','prevText','Previous');
				}
			}
		}
	});
	
	$("#sm-tabs").tabs({
		selected: 0,
		select: function(event, ui) {
			if(ui.index == 1) {
				$('#trendline-container').appendTo('#plot-holder');
				plotAccordingToChoices();
				$('#trendline-container').appendTo('#sm-tabs-2');

			} else {
				insertFxAccordingToChoices();
				$('#trendline-container').appendTo('#plot-holder');
				
			}
				
		}
	});
	
	//prepare tabs-1 select menu - IE hack
	if ($.browser.msie) {
		var focusSelect = null;
		$('#tabs-1-container select').focus(function() {
			focusSelect = this;
		});
		var fc_focusSelect = null;
		$('#tabs-20-container select').focus(function() {
			fc_focusSelect = this;
		});
		
		//$('#tabs-1 select').selecteSizer();
		//$('body').mousedown(resetWidth);
		//$('#leftsubrates').mouseout(resetWidth);
		$('#tabs-1-container select').mouseover(function() {
			var myId = $(this).attr("id");
			if(myId == $(focusSelect).attr("id")) {
				$(this).css({width: 'auto',position: 'absolute'});
			}
			$('#tabs-1-container select').each(function() {
				if(myId != $(this).attr("id")) {
					$(this).css({width: '130px'});
				}
			});
		});
		$('#tabs-20-container select').mouseover(function() {
			var myId = $(this).attr("id");
			if(myId == $(fc_focusSelect).attr("id")) {
				$(this).css({width: 'auto',position: 'absolute'});
			}
			$('#tabs-20-container select').each(function() {
				if(myId != $(this).attr("id")) {
					$(this).css({width: '130px'});
				}
			});
		});
		
		$('#tabs-1-container select').click(function() {
			var myId = $(this).attr("id");
			$(this).css({width: 'auto',position: 'absolute'});
			$('#tabs-1-container select').each(function() {
				if(myId != $(this).attr("id")) {
					$(this).css({width: '130px'});
				}
			});
		});
		$('#tabs-20-container select').click(function() {
			var myId = $(this).attr("id");
			$(this).css({width: 'auto',position: 'absolute'});
			$('#tabs-20-container select').each(function() {
				if(myId != $(this).attr("id")) {
					$(this).css({width: '130px'});
				}
			});
		});
		
		$('#tabs-1-container select').blur(function() {
			$(this).css({width: '130px'});
		});
		$('#tabs-20-container select').blur(function() {
			$(this).css({width: '130px'});
		});
	}

	//prepare tabs-1 select menu
	$('#tabs-1-container select').change(function() {
		var myDivId = $(this).parent().attr("id");
		var myDivIdNum = myDivId.split('-')[1];
		var nextNum = parseInt(myDivIdNum)+1;
		
		var selectedNum = $(this).find(':selected').attr("value");
		if(myDivIdNum == 0) {
			//$('#select-1').hide();
			//$('#select-1').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum).attr({disabled:"disabled"});
			
			//$('#select-2').hide();
			//$('#select-2').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum+1).attr({disabled:"disabled"});
			
			//$('#select-3').hide();
			//$('#select-3').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum+2).attr({disabled:"disabled"});
			$('#menu_1, #menu_2, #menu_3').attr({disabled:"disabled"});
			
			$('#deposit-display-panel span').hide();
			$('#tabs-1-bar-right').hide();
			$('#menu_0').css({'color':'black'});
			
		} else if(myDivIdNum == 1) {
			//$('#select-2').hide();
			//$('#select-2').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum).attr({disabled:"disabled"});
			
			//$('#select-3').hide();
			//$('#select-3').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum+1).attr({disabled:"disabled"});
			$('#menu_2, #menu_3').attr({disabled:"disabled"});
			
			$('#deposit-display-panel span').hide();
			$('#tabs-1-bar-right').hide();
			$('#menu_1').css({'color':'black'});
			
		} else if(myDivIdNum == 2) {
			//$('#select-3').hide();
			//$('#select-3').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum).attr({disabled:"disabled"});
			$('#menu_3').attr({disabled:"disabled"});
			
			$('#deposit-display-panel span').hide();
			$('#tabs-1-bar-right').hide();
			$('#menu_2').css({'color':'black'});
			
		} else if(myDivIdNum == 3) {
			$('#deposit-display-panel span').show();
			$('#tabs-1-bar-right').show();
			$('#menu_3').css({'color':'black'});
			
		}

		if(nextNum == '4') {
			$('#menu_0').focus();
		} else {
			//$('#select-'+nextNum).fadeIn('slow');
			//$('#select-'+nextNum).find('select').removeAttr("disabled");
			$('#menu_'+nextNum).removeAttr("disabled");
			$('#menu_'+nextNum).focus();
		}
	});
	
	//prepare tabs-1 fc rate select menu
	$('#tabs-20-container select').change(function() {
		var myDivId = $(this).parent().attr("id");
		var myDivIdNum = myDivId.split('-')[1];
		var nextNum = parseInt(myDivIdNum)+1;
		
		var selectedNum = $(this).find(':selected').attr("value");
		if(myDivIdNum == 20) {
			//$('#select-1').hide();
			//$('#select-21').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum).attr({disabled:"disabled"});
			
			//$('#select-2').hide();
			//$('#select-22').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum+1).attr({disabled:"disabled"});
			
			//$('#select-3').hide();
			//$('#select-23').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum+2).attr({disabled:"disabled"});
			$('#menu_21, #menu_22, #menu_23').attr({disabled:"disabled"});
			
			$('#deposit-display-fc_panel span').hide();
			$('#tabs-20-bar-right').hide();
			$('#menu_20').css({'color':'black'});
			
		} else if(myDivIdNum == 21) {
			//$('#select-2').hide();
			//$('#select-22').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum).attr({disabled:"disabled"});
			
			//$('#select-3').hide();
			//$('#select-23').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum+1).attr({disabled:"disabled"});
			$('#menu_22, #menu_23').attr({disabled:"disabled"});
			
			$('#deposit-display-fc_panel span').hide();
			$('#tabs-20-bar-right').hide();
			$('#menu_21').css({'color':'black'});
			
		} else if(myDivIdNum == 22) {
			//$('#select-3').hide();
			//$('#select-23').find('select').attr({disabled:"disabled"});
			//$('#menu_'+nextNum).attr({disabled:"disabled"});
			$('#menu_23').attr({disabled:"disabled"});
			
			$('#deposit-display-fc_panel span').hide();
			$('#tabs-20-bar-right').hide();
			$('#menu_22').css({'color':'black'});
			
		} else if(myDivIdNum == 23) {
			$('#deposit-display-fc_panel span').show();
			$('#tabs-20-bar-right').show();
			$('#menu_23').css({'color':'black'});
			
		}

		if(nextNum == '24') {
			$('#menu_20').focus();
		} else {
			//$('#select-'+nextNum).fadeIn('slow');
			//$('#select-'+nextNum).find('select').removeAttr("disabled");
			$('#menu_'+nextNum).removeAttr("disabled");
			$('#menu_'+nextNum).focus();
		}
	});

	
	function resetWidth() {
		$('#menu_0, #menu_1, #menu_2, #menu_3, #menu_20, #menu_21, #menu_22, #menu_23').css({width: '130px'});
	}
	
	//Prepare loans data
	$.getScript("/_esi/_data/loans/_"+todayStrUrl+"-loans_rates.js");
	$.each(loans_data,function(){
		var figure = this.split('_')[1];
		var prefix = figure.split('.')[0];
		var subfix = figure.split('.')[1];
		if( subfix === undefined) {
			subfix = '00';
		} else if (subfix.length == 1) {
			subfix = subfix+'0';
		}
		$('#loans_container').append('<div class="tabs-2-items"><span class="spanLeft">'+this.split('_')[0]+'</span><span class="spanRight">'+prefix+'.'+subfix+'%</span></div>');
	});
	
	
	//Prepare fx date
	$.getScript("/_esi/_data/_fx-dataset.js");
	//var fxDates = ['20091102','20091103','20091104','20091107','20091108'];
	var fxDatesTs = [];
	$.each(fxDates, function(){
		var y = this.toString().substring(0,4);
		var m = this.toString().substring(4,6);
		var d = this.toString().substring(6,8);
		//console.log("YMD",y,m,d);
		fxDatesTs.push(toTimestamp(y,m,d,0,0,0));
	});
	
	//Prepare fx data
	//var fxNames = ["US1_BUY","US1_SELL","US520_BUY","US520_SELL","US50100_BUY","US50100_SELL","GBP_BUY","GBP_SELL","HKD_BUY","HKD_SELL","SGD_BUY","SGD_SELL","JPY100_BUY","JPY100_SELL","CHF_BUY","CHF_SELL","AUD_BUY","AUD_SELL","CAD_BUY","CAD_SELL","SEK_BUY","SEK_SELL","DKK_BUY","DKK_SELL","NZD_BUY","NZD_SELL","EUR_BUY","EUR_SELL"];
	//var fxNames = ["US50100_BUY","US50100_SELL","GBP_BUY","GBP_SELL","DEM_BUY","DEM_SELL","HKD_BUY","HKD_SELL","SGD_BUY","SGD_SELL","JPY100_BUY","JPY100_SELL","CHF_BUY","CHF_SELL","AUD_BUY","AUD_SELL","CAD_BUY","CAD_SELL","FRF_BUY","FRF_SELL","NLG_BUY","NLG_SELL","SEK_BUY","SEK_SELL","ITL_BUY","ITL_SELL","DKK_BUY","DKK_SELL","ATS_BUY","ATS_SELL","BEF_BUY","BEF_SELL","NZD_BUY","NZD_SELL","EUR_BUY","EUR_SELL"];
	var odd = true;
	var nameCnt = 0;
	$.each(fxNames,function(){
		if(odd) {
			var optName = this.split("_")[0];
			var optRealName = fxRealNames[nameCnt];
			var option = new Option(optRealName,optName);
			if ($.browser.msie) {
	            $('#fx_catg')[0].add(option);
	        } else {
	        	$('#fx_catg')[0].add(option, null);
	        }
			odd = false;
			nameCnt++;
		} else {
			odd = true;
		}
	});
	
	var datasets = {};
	for (i=0;i<fxNames.length;i++) {
		fxNames[i] = fxNames[i]+'';
		datasets[fxNames[i]] = {};
		datasets[fxNames[i]]['label'] = fxNames[i];
		datasets[fxNames[i]]['data'] = [];
		var _5dRates = eval(fxNames[i]);
		var _tmpArray = []
		for (j=0;j<_5dRates.length;j++) {
			//_tmpArray.push( [j+1, _5dRates[j] ] );
			_tmpArray.push( [fxDatesTs[j], _5dRates[j] ] );
		}
		datasets[fxNames[i]]['data'] = _tmpArray;
	} 
	$.each(datasets, function(key, value) {
		//console.log("key", key, "value", value);
		
	});
	function plotAccordingToChoices() {
        var data = [];

        $('#fx_catg').find(":selected").each(function () {
        	var keyMain = $(this).attr("value");
        	var keyMode = '';
        	var key = '';
        	$('#sm-tabs-2').find('input:checked').each(function() {
        		keyMode = $(this).attr("value");
        		key = keyMain+'_'+keyMode;
        		if (key && datasets[key])
                    data.push(datasets[key]);
        	});
        });

        if (data.length > 0)
        	plotTrend(data);
    }
	function insertFxAccordingToChoices() {
        var data = [];

        $('#fx_catg').find(":selected").each(function () {
        	var keyMain = $(this).attr("value");
        	var key = '';
        	for(var i=0;i<2;i++) {
        		if(i==0) {
        			key = keyMain+'_BUY';
        			if (key && datasets[key])
                        data.push(datasets[key]['data'][4][1]);
        		} else {
        			key = keyMain+'_SELL';
        			if (key && datasets[key])
                        data.push(datasets[key]['data'][4][1]);
        		}
        	}
        });
        // trim the decimal
        var	y;
        var prefix, suffix;
        var value0 = data[0]+'';
        var value0Test = value0.split('.');
        if( value0Test.length != 1  ){
			if(value0.split('.')[1].length > 4) {
				prefix = value0.split('.')[0];
				suffix = value0.split('.')[1].substr(0,4);
				value0 = prefix+'.'+suffix;
			}
		}
        var value1 = data[1]+'';
        if(value1.split('.')[1].length > 4) {
        	prefix = value1.split('.')[0];
        	suffix = value1.split('.')[1].substr(0,4);
        	value1 = prefix+'.'+suffix;
        }
        
        if(pageLanguage == 'th') {
        	$('#buyPrice').empty().append('<span class="buyPrice">&nbsp;ซื้อ&nbsp;(TT):&nbsp;'+value0+'</span>');
        	$('#sellPrice').empty().append('<span class="sellPrice">ขาย&nbsp;(TT):&nbsp;'+value1+'</span>');
        } else {
        	$('#buyPrice').empty().append('<span class="buyPrice">&nbsp;BUY(TT):&nbsp;'+value0+'</span>');
        	$('#sellPrice').empty().append('<span class="sellPrice">SELL(TT):&nbsp;'+value1+'</span>');
        }
    }
	insertFxAccordingToChoices();
	////plotAccordingToChoices();
	function fxSelectChange() {
		insertFxAccordingToChoices();
		plotAccordingToChoices();
	}
	$('#fx_catg').change(fxSelectChange);
	$('#sm-tabs-2').find('input').click(plotAccordingToChoices);
	$('#select-4').show();
	var lastRunDate = $.datepicker.parseDate('yymmdd', LASTRUN);
	var lastRunStr = $.datepicker.formatDate('dd M yy', lastRunDate);
	if(pageLanguage == 'th') {
		lastRunStr = lastRunStr.split(' ')[0]+' '+lastRunStr.split(' ')[1]+' '+buddistYear;
	}
	$('#updateTime0').append(lastRunStr+' '+fxTime);
	$('#updateTime1').append(lastRunStr+' '+fxTime);
	
	//prepare graph tooltips
	function showTooltip(x, y, contents) {
        $('<div id="graphtip">' + contents + '</div>').css( {
        	color: '#005D9A',
    		font: 'bold 20px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif',
        	position: 'absolute',
            display: 'none',
            top: y - 30,
            left: x + 10,
            border: '1px none #eee',
            padding: '2px',
            'z-index': 5,
            'background-color': '#FFF'
        }).appendTo("body").fadeIn(200);
    }
    var previousPoint = null;
    $("#trendline-container").bind("plothover", function (event, pos, item) {
        //$("#x").text(pos.x.toFixed(2));
        //$("#y").text(pos.y.toFixed(2));
    	if (item) {
            if (previousPoint != item.datapoint) {
                previousPoint = item.datapoint;
                
                $("#graphtip").remove();
                //console.log(item.datapoint[1]);
                var x = item.datapoint[0].toFixed(4);
                var	y;
                var prefix, suffix;
                var value = item.datapoint[1]+'';
				var valueTest = value.split('.');
                if(valueTest.length != 1 && value.split('.')[1].length > 4) {
                	prefix = value.split('.')[0];
                	suffix = value.split('.')[1].substr(0,4);
                	y = prefix+'.'+suffix;
                	
                } else {
                	y = item.datapoint[1];
                }
                showTooltip(item.pageX, item.pageY, y);
            }
        }
        else {
            $("#graphtip").remove();
            previousPoint = null;            
        }

    });
    $("#trendline-container").mouseout(function() {
    	$("#graphtip").remove();
        previousPoint = null;
    });
    //end prepare graph tooltips

	////$('#trendline-container').appendTo('#sm-tabs-2');
	//$('#plot-holder').remove();
	
	//prepare Date
	/* disable cal for home 
	$("#tabs-4-bar-input").datepicker({
		showOn: 'button', 
		buttonImage: '/_esi/_images/icon_calendar.gif', 
		buttonImageOnly: true,
		maxDate: 0,
		minDate: 1
	});
	*/
		
	//prepare home tab content
	$.getScript("/_esi/contents/"+pageLanguage+"/rate_contents.js", function() {
		$('#homeTabTitle').append(contents.homeTabTitle);
		$('#homeTabRate').append(contents.homeTabRate);
		$('#homeTabBody').append(contents.homeTabBody);
		var homeRandom = $.random(contents.homeTabFooter.length);
		$('#tabs-4-footer-title').html('<span>'+contents['homeTabFooter'][homeRandom][0]+'</span>');
		if( contents['homeTabFooter'][homeRandom][2] != '' || contents['homeTabFooter'][homeRandom][2].length != 0 ) {
			$('#tabs-4-footer-title').parent().toggleClass('tabs-footer');
			$('#tabs-4-footer-title').parent().toggleClass('tabs-footer-static');
			$('#tabs-4-footer-title').toggleClass('footer-title');
			$('#tabs-4-footer-title').toggleClass('footer-title-static');
			$('#tabs-4-footer-title').popupWindow({ 
	    		windowURL: contents['homeTabFooter'][homeRandom][2], 
	    		centerScreen:1,
	    		width:1024,
	    		height:700,
	    		menubar: 1,
	    		location: 1,
	    		resizable: 1,
	    		scrollbars: 1
	    		});
		}
		$('#tabs-4-footer-contents').html('<span>'+contents['homeTabFooter'][homeRandom][1]+'</span>');
		
		//tab 1
		var tab1Random = $.random(contents.tab1Footer.length);
		$('#tabs-1-footer-title').html('<span>'+contents['tab1Footer'][tab1Random][0]+'</span>');
		if( contents['tab1Footer'][tab1Random][2] != '' || contents['tab1Footer'][tab1Random][2].length != 0 ) {
			$('#tabs-1-footer-title').parent().toggleClass('tabs-footer');
			$('#tabs-1-footer-title').parent().toggleClass('tabs-footer-static');
			$('#tabs-1-footer-title').toggleClass('footer-title');
			$('#tabs-1-footer-title').toggleClass('footer-title-static');
			$('#tabs-1-footer-title').popupWindow({ 
	    		windowURL: contents['tab1Footer'][tab1Random][2], 
	    		centerScreen:1,
	    		width:1024,
	    		height:700,
	    		menubar: 1,
	    		location: 1,
	    		resizable: 1,
	    		scrollbars: 1
	    		});
		}
		$('#tabs-1-footer-contents').html('<span>'+contents['tab1Footer'][tab1Random][1]+'</span>');
		
		//tab 2
		var tab2Random = $.random(contents.tab2Footer.length);
		$('#tabs-2-footer-title').html('<span>'+contents['tab2Footer'][tab2Random][0]+'</span>');
		if( contents['tab2Footer'][tab2Random][2] != '' || contents['tab2Footer'][tab2Random][2].length != 0 ) {
			$('#tabs-2-footer-title').parent().toggleClass('tabs-footer');
			$('#tabs-2-footer-title').parent().toggleClass('tabs-footer-static');
			$('#tabs-2-footer-title').toggleClass('footer-title');
			$('#tabs-2-footer-title').toggleClass('footer-title-static');
			$('#tabs-2-footer-title').popupWindow({ 
	    		windowURL: contents['tab2Footer'][tab2Random][2], 
	    		centerScreen:1,
	    		width:1024,
	    		height:700,
	    		menubar: 1,
	    		location: 1,
	    		resizable: 1,
	    		scrollbars: 1
	    		});
		}
		$('#tabs-2-footer-contents').html('<span>'+contents['tab2Footer'][tab2Random][1]+'</span>');
		
		//tab 3
		var tab3Random = $.random(contents.tab3Footer.length);
		$('#tabs-3-footer-title').html('<span>'+contents['tab3Footer'][tab3Random][0]+'</span>');
		if( contents['tab3Footer'][tab3Random][2] != '' || contents['tab3Footer'][tab3Random][2].length != 0 ) {
			$('#tabs-3-footer-title').parent().toggleClass('tabs-footer');
			$('#tabs-3-footer-title').parent().toggleClass('tabs-footer-static');
			$('#tabs-3-footer-title').toggleClass('footer-title');
			$('#tabs-3-footer-title').toggleClass('footer-title-static');
			$('#tabs-3-footer-title').popupWindow({ 
	    		windowURL: contents['tab3Footer'][tab3Random][2], 
	    		centerScreen:1,
	    		width:1024,
	    		height:700,
	    		menubar: 1,
	    		location: 1,
	    		resizable: 1,
	    		scrollbars: 1
	    		});
		}
		$('#tabs-3-footer-contents').html('<span>'+contents['tab3Footer'][tab3Random][1]+'</span>');

	});
	
	//common tooltips
	$('#titlerates').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if( $('#tabs-4:visible').length === 0 ) {
				if(pageLanguage == 'th') {
					return $("<div class='common-tooltips landing'>กลับไปหน้าแรก</div>");
				} else {
					return $("<div class='common-tooltips landing'>Go to Landing Page</div>");
				}
			} else {
				return false;
			}
		},
		top: 10,
		left: 10
	});
	$('#tabsbar-1').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if( $('#tabs-1:visible').length === 0 ) {
				if(pageLanguage == 'th') {
					return $("<div class='common-tooltips'>กรุณาคลิกที่นี่เพื่อดูรายละเอียดของอัตราเงินฝาก</div>");
				} else {
					return $("<div class='common-tooltips'>Please click here to see more deposit rates</div>");
				}
			} else {
				return false;
			}
		},
		top: 10,
		left: 10
	});
	$('#tabsbar-2').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if( $('#tabs-2:visible').length === 0 ) {
				if(pageLanguage == 'th') {
					return $("<div class='common-tooltips'>กรุณาคลิกที่นี่เพื่อดูรายละเอียดของอัตราสินเชื่อ</div>");
				} else {
					return $("<div class='common-tooltips'>Please click here to see more loans rates</div>");
				}
			} else {
				return false;
			}
		},
		top: 10,
		left: 10
	});
	$('#tabsbar-3').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if( $('#tabs-3:visible').length === 0 ) {
				if(pageLanguage == 'th') {
					return $("<div class='common-tooltips'>กรุณาคลิกที่นี่เพื่อดูรายละเอียดของอัตรา FX</div>");
				} else {
					return $("<div class='common-tooltips'>Please click here to see more FX</div>");
				}
			} else {
				return false;
			}
		},
		top: 10,
		left: 10
	});
	$('.tabs-bar-right').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if(pageLanguage == 'th') {
				return $("<div class='common-tooltips date-common-tooltips-th'>เลือกวันที่</div>");
			} else {
				return $("<div class='common-tooltips date-common-tooltips'>Go to my preferred date</div>");
			}
		},
		top: 10,
		left: 10
	});
	$('.tabs-footer').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if(pageLanguage == 'th') {
				return $("<div class='common-tooltips footer-common-tooltips'>กรุณาคลิกที่นี่เพื่อดูรายละเอียด</div>");
			} else {
				return $("<div class='common-tooltips footer-common-tooltips'>Please click here<br />to learn more</div>");
			}
		},
		top: 10,
		left: 10
	});
	$('#sm-tabsbar-1').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if( $('#sm-tabs-1:visible').length === 0 ) {
				if(pageLanguage == 'th') {
					return $("<div class='common-tooltips fx-common-tooltips-3'>เรียกดูอัตราแลกเปลี่ยน</div>");
				} else {
					return $("<div class='common-tooltips fx-common-tooltips-2'>Go to FX rate</div>");
				}
			} else {
				return false;
			}
		},
		top: 10,
		left: 10
	});
	$('#sm-tabsbar-2').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if( $('#sm-tabs-2:visible').length === 0 ) {
				if(pageLanguage == 'th') {
					return $("<div class='common-tooltips fx-common-tooltips-2'>เรียกดูกราฟ</div>");
				} else {
					return $("<div class='common-tooltips fx-common-tooltips-2'>Go to FX trend line</div>");
				}
			} else {
				return false;
			}
		},
		top: 10,
		left: 10
	});
	$('#deposit-tabsbar-1').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if( $('#deposit-tabs-1:visible').length === 0 ) {
				if(pageLanguage == 'th') {
					return $("<div class='common-tooltips fx-common-tooltips'>เรียกดู THB</div>");
				} else {
					return $("<div class='common-tooltips fx-common-tooltips'>Go to THB</div>");
				}
			} else {
				return false;
			}
		},
		top: 10,
		left: 10
	});
	$('#deposit-tabsbar-2').tooltip({
		delay: 0,
		showURL: false,
		bodyHandler: function() {
			if( $('#deposit-tabs-2:visible').length === 0 ) {
				if(pageLanguage == 'th') {
					return $("<div class='common-tooltips fx-common-tooltips'>เรียกดู FCY</div>");
				} else {
					return $("<div class='common-tooltips fx-common-tooltips'>Go to FCY</div>");
				}
			} else {
				return false;
			}
		},
		top: 10,
		left: 10
	});
	
	
	//support functions
	function plotTrend(data) {
		var d1 = {
		    color: '#007FB1',
		    data: [[0, 31.78], [1, 31.87], [2, 31.87], [3, 31.78], [4, 31.89]],
		    lines: {show: true},
		    points: {show: true, fillColor: '#37AB4D'},
		    hoverable: true,
		    shadowSize: 3
		  }
		
		var d2 = {
		    color: '#007FB1',
		    data: [[0, 33.28], [1, 33.37], [2, 33.37], [3, 33.28], [4, 33.39]],
		    lines: {show: true},
		    points: {show: true, fillColor: '#00922B'},
		    hoverable: true,
		    shadowSize: 3
		  }

		var options = {
			legend: {
				show: false
			},
			xaxis: {
				mode: "time",
				timeformat: "%b %d",
				//autoscaleMargin: 0.1,
			    //labelWidth: 3,
			    labelHeight: 5,
			    ticks: 4
			    //minTickSize: 100
			 },
			 yaxis: {
			    labelWidth: 23,
			    //labelHeight: 8,
			    tickDecimals: 2,
			    ticks: 2
			    //minTickSize: 100
			 },
			 grid: {
			    show: true,
			    backgroundColor: '#fff',
			    labelMargin: 3,
			    borderWidth: 0,
			    hoverable: true,
			    autoHighlight: true,
			    mouseActiveRadius: 4
			  },
			  series: {
				color: '#005075',
				lines: {show: true, lineWidth: 1},
				points: {show: true, lineWidth: 0, fillColor: '#9ded3c', radius: 4},
				hoverable: true,
				shadowSize: 3
			  }
		}
		$('#trendline-container').empty();
		$.plot($("#trendline-container"), data, options);
	}
	
	function displayFx() {
		
	}
	
	function toTimestamp(year,month,day,hour,minute,second){
		 var datum = new Date(Date.UTC(year,month-1,day,hour,minute,second));
		 return datum.getTime();
	}
	
	$('body').mouseover(function() {
		if(pageLanguage == 'th') {
			$('.ui-datepicker-year').empty();
			$('.ui-datepicker-year').text(buddistYear);
		}
	});
	$('#slide-storage').hide();
	$("#leftsubrates").css({'visibility': 'visible'});
	
});