var ajax='';

$(document).ready(function () {
	$("#banner img[src$='banner5.jpg']").load(function(){        
    	var showT = '';
			$('#banner').carousel({
				loop: true,
				autoSlide: true,
				autoSlideInterval: 6000,
				pagination: true,
				animSpeed: "slow",
					effect:"fade"                  				
			});
    });
    
    
    salonPhoto = $("#salonWindow").find("img");
    if(salonPhoto.attr("src")=='') salonPhoto.hide();

    $(".salonItem").hover(function () {
        var b = $(this);
        var a = $("#salonWindow");
        var SrcOfSalonPhoto = b.find("input[name^=SrcOfSalonPhoto]").val();
        
        if(SrcOfSalonPhoto!='') a.find("img").attr("src", SrcOfSalonPhoto);
        else a.find("img").attr("src","images/defaultOfSalonPhoto.jpg");
        
        a.find("h3 span").attr("innerHTML", b.find("a").attr("title"));
        a.find("p").attr("innerHTML", b.find(".desc").attr("innerHTML"));
        a.find("a").attr("href", b.find("a").attr("href"));
        a.find("ul li:first").html(b.find("h4 span").html());
        b.css("background-color", "#f8f8f7")
    }, function () {
        $(this).css("background-color", "")
    });
    
	var fbMsg = $('#fb-msg')
		,descBlock = fbMsg.find('p.description')
		,moreBlock = fbMsg.find('p.more')
		,asideBlock = fbMsg.find('div.aside')
		,photoBlock = asideBlock.find('p.photo')
		,pushCountBlock = fbMsg.find('p.push span') 
		,imgobj = new Object()
		,fbDataImgNum = 0
		,onloadNum = 0
		,onabortNum = 0 ;
		
	descBlock.html('<img border="0" src="images/icon/fb_loading.gif" />');
	asideBlock.hide();moreBlock.hide();		

    $.ajax({
        url: "fb_client",
        type: "POST",
        data: ({
        	type: 'feed'
        }),
        datatype: "json",
        success: function (e) {

        	var f = $.evalJSON(e);
        	if(f==null || typeof(f)=='undefined') return;
			var data = f.data
				,dataNum = f.data.length;        	
				
			for(var i=0;i<3;i++) {
				if(typeof(data[i]['message'])=='undefined' || data[i]['message']=='') {
					if(data[i]['type']=='photo') {
						if(data[i]['caption'].match(/new photos$/)!=null) {
							var photoNum = data[i]['caption'].replace(/ new photos$/,'');
							descBlock.eq(i).html('「'+data[i]['name']+'」相簿中有 '+photoNum+' 張新相片。');
						}
					}
					else					
						descBlock.eq(i).html(data[i]['name']);					
				}
				else
					descBlock.eq(i).html(data[i]['message']);
					
				if(typeof(data[i]['likes'])!='undefined')
					pushCountBlock.eq(i).html(data[i]['likes']['count']);
					
				var blankDataName = data[i]['name']+'(另開新視窗)';
				var blankDataNameMore = '更多'+blankDataName;
				
				photoBlock.eq(i).find('img').attr({'alt':data[i]['name'],'title':data[i]['name']})
				.parent().attr({'alt':blankDataName,'title':blankDataName});
				
				moreBlock.eq(i).find('a').attr({'alt':blankDataNameMore,'title':blankDataNameMore});
				
				moreBlock.show();
				
				if(typeof(data[i]['picture'])!='undefined') {
					fbDataImgNum++;
					
					imgobj[i] = new Image();
					imgobj[i].src = data[i]['picture'];
									
					imgobj[i].onload = function() {	
						onloadNum++;
						
						if(onloadNum+onabortNum>=fbDataImgNum) {													
									
							for(var j=0;j<3;j++) {
								var nowImgElt = photoBlock.eq(j).find('img');
								
								nowImgElt.attr('src',imgobj[j].src);
								
								if(imgobj[j].width<100) {
									nowImgElt.removeAttr('width');	
								} 								
							}
														
							asideBlock.show();														
						}						
					}
	
					imgobj[i].onabort = function() {
						onabortNum++;
	
						if(onloadNum+onabortNum>=fbDataImgNum) {						
							//moreBlock.show();		
							for(var j=0;j<3;j++) {
								photoBlock.eq(j).find('img').attr('src',imgobj[j].src);
							}
							
							asideBlock.show();															
						}								
					}					
					
				}

			}
        	
        }
	}); 
});