$(document).ready(function(){
	imagePreview();
    $('.content_bank').click(function(){
        var id = $(this).attr('lang');
        $('.content_bank').hide('fast');
        $('.content_bank[lang='+id+']').slideToggle('normal');
	});
    
	$('.title_type').click(function(){
        var id = $(this).attr('lang');
        $('.content_bank[lang='+id+']').slideToggle('normal');
	});

	$('.bank').mouseover(function(){
		$(this).addClass('bank-hover');
	});
    
    $('.bank').mouseout(function(){
		$('.bank-hover').removeClass('bank-hover');
	});
    /*
    $('.content .bank').click(function(){
        $('.bank-click').removeClass('bank-click');
	    $(this).addClass('bank-click');
        $('#step-payment-bk-2').show();
    });
    */
});

this.imagePreview = function(){	
	$(".bank img").hover(function(e){
		this.t = this.title;
        var explode_title_array = explode_title(this.t);
        var percent_fee = this.lang;
        var fix_fee     = this.alt;
        var complete_time = this.name;

		var c = (explode_title_array[0] != "") ? explode_title_array[0] : "";
        var d = (explode_title_array[1] != "") ? explode_title_array[1] : "";
        
        var content = "<div style='margin: 7px; font-size:13px;font-family:Arial;margin-top: 10px;'><b>"+ c +"</b><br />Phí tiện tích thanh toán: "+ fix_fee + percent_fee +"<br />Thời gian hoàn thành: "+complete_time+"</div>";
        
        $("body").append("<div id='preview' class='tooltip_preview'>"+ content +"</div> ");    
        		 
        $("#preview")
            .css("width",250)
            .css("height",80)
			.css("top",(e.pageY - 100))
			.css("left",(e.pageX + 10))
            .css({  'background': '#EAF2F5', 
                    'position' : 'absolute',
                    'border': '1px solid #ccc'
             })
			.fadeIn("fast")
        },
    	function(){
    		this.title = this.t;	
    		$("#preview").remove();
        });	
    	$(".content_bank .content img").mousemove(function(e){
    		$("#preview")
    			.css("top",(e.pageY - 100))
    			.css("left",(e.pageX + 10));
    	});	
};

function explode_title(str){
    var title = str;
    var title_parts = title.split('-');
    
    return title_parts;
}