var windowWidth  = $(window).width();    // 視窗寬度
var windowHeight = $(window).height();   // 視窗高度
var backendSideOffsetX = $('#backendSide').offset().left;

var bodyMousemove = function(event){
    var mx=event.pageX;
    var my=event.pageY;

    var dif = parseInt(mx-(windowWidth/2));

//    $('#frontSide').css('left',dif/27+'px');
    $('#frontSide_big').css('left',dif/27+140+'px');
    $('#middleSide').css('left',dif/54+'px');
    $('#backendSide').css('left',dif/108-120+'px');
    $('#backendSideF').css('left',dif/108-120+'px');
    $('#backendSideFContent').css('left',dif/108+290+'px');
	$('#backendSide_mic').css('left',dif/108+217+'px');
	$('#backendSide_light').css('left',dif/108+862+'px');
	$('#backendSide_top').css('left',dif/108+260+'px');
	$('#middleSide_chair').css('left',dif/54+20+'px');
	$('#middleSide_dv').css('left',dif/54+780+'px');
}

var sidebarLeftButtonOver = function(){
	var theme = $(this).parents('ul').attr('class');
	
	if(!theme){
		$(this).parents('li').addClass('sidebarLeftOn');
	} else {
		$(this).parents('li').addClass('sidebarLeftOn_'+theme);
	}
}

var sidebarLeftButtonOut = function(){
//	$(this).parents('li').removeClass('sidebarLeftOn');
	$(this).parents('li').removeClass();
}

var init = function(){

	// 處理選單自動置中部份
	var liWidth = parseInt( $('li','#navigationContent').width() );
	var liCount = $('li','#navigationContent').size();
	$('#navigationContent').width(liWidth*liCount+'px');

	// 處理左側選單mouseover效果
	$('a','.sidebar').hover(sidebarLeftButtonOver,sidebarLeftButtonOut);

	// 處理影音尺寸
	$('embed','.sidebarTv').css({
		width: '190px',
		height: '142px'
	})

	// 處理整個頁面的body高度
	var sidebarRightHeight = parseInt( $('#sidebarRight').height() );
	if(sidebarRightHeight<500) sidebarRightHeight = 500;
	
	// 中間內文高度
	var bodyHeight = $('#bodyContent').height();
	if(bodyHeight>sidebarRightHeight) sidebarRightHeight = bodyHeight;

	$('#sidebarLeft').css('height',sidebarRightHeight+'px');
	$('#body').css('height',sidebarRightHeight+'px');
}

var menuOver = function(){
	$('.menuDiv').hide();
	$('.menuDiv',$(this)).show();
}

var menuOut = function(){
	$('.menuDiv').hide();
}

$(function(){
	$('html').mousemove(bodyMousemove);
	
	$('.isMenu').hover(menuOver,menuOut);

	$('#backendSideFContent').cycle('fade');

	init();
})