$(document).ready(function() {
    Liquid.init();
});

$(window).resize(function() {
    Liquid.liquid();
});

$(window).scroll( function(data) {
	Liquid.scroll(data);
});

var Liquid = {

    newWindowWidth: 0,
    newWindowHeight: 0,
    bgOriginWidth: 1280,
    bgOriginHeight: 687,
    bgActualWidth: 1280,
    bgActualHeight: 687,
    bgTop: 0,
    bgLeft: 0,
    scrollOffset: 0,
    arrayBGs: ["../../imgs/design/bg.png"],
    actualBGIndex: 1,  
    swf : null,
        

    init: function() {
        jQuery.easing.def = 'easeOutExpo';
     	//jQuery.fx.interval = 10; //milliseconds-interval when animate-function is called
        //console.info ("window.orientation " + window.orientation);
  		if ( (window.orientation == 180) || (window.orientation == 0) ) //vertically
          Liquid.orientationChange();

        $(window).bind( 'orientationchange', function(e){Liquid.orientationChange(e);});

        Liquid.liquid();
        
        // Apple detection object

        var Apple = {};
        Apple.UA = navigator.userAgent;
        Apple.Device = false;
        Apple.Types = ["iPhone", "iPod", "iPad"];

        for (var d = 0; d < Apple.Types.length; d++) {
            var t = Apple.Types[d];
            Apple[t] = !!Apple.UA.match(new RegExp(t, "i"));
            Apple.Device = Apple.Device || Apple[t];
        }

    },

    liquid: function() {
        Liquid.resizeBackground();
        Liquid.setBodyHeight();
    },

    resizeBackground: function () {
        Liquid.newWindowWidth = $(window).width();
        Liquid.newWindowHeight = $(window).height();

        var aspect = 1;
        if (( Liquid.newWindowWidth / Liquid.bgOriginWidth ) > ( Liquid.newWindowHeight / Liquid.bgOriginHeight ))
        {
           //follow the width
            aspect = Liquid.newWindowWidth / Liquid.bgOriginWidth;
            Liquid.bgActualWidth = Liquid.newWindowWidth;
            Liquid.bgActualHeight = Math.ceil (Liquid.bgOriginHeight * aspect);
        } else {
            //follow the height
            aspect = Liquid.newWindowHeight / Liquid.bgOriginHeight;
	
	        Liquid.bgActualHeight = Liquid.newWindowHeight;
            Liquid.bgActualWidth = Math.ceil (Liquid.bgOriginWidth * aspect);
        }

        $("#viewport").width(Liquid.newWindowWidth);
        $("#viewport").height(Liquid.newWindowHeight);
        
        $("#bg").width(Liquid.bgActualWidth);
        $("#bg").height(Liquid.bgActualHeight);

		Liquid.bgTop = Math.floor ( (Liquid.newWindowHeight - Liquid.bgActualHeight) / 2);
		Liquid.bgLeft = Math.floor ( (Liquid.newWindowWidth - Liquid.bgActualWidth) / 2);

        $("#bg").css ("top", Liquid.bgTop);
        $("#bg").css ("left", Liquid.bgLeft);
		
		Liquid.setCoverflowBackground();
    },
    
    scroll: function(data) {
    	Liquid.scrollOffset = $(window).scrollTop();
    	Liquid.setCoverflowBackground();
    },

    getFlashMovie: function(flName) {
        var movieName = flName;
        var isIE = navigator.appName.indexOf("Microsoft") != -1;
        return (isIE) ? window[movieName] : document[movieName];
    },
    
    setCoverflowBackground : function() {
        Liquid.swf = Liquid.getFlashMovie('flCoverflowObj');
    		if (Liquid.swf && typeof Liquid.swf.updateBg != "undefined") { 
    			var obj = {
    				width: Liquid.bgActualWidth ,
    				height: Liquid.bgActualHeight ,
    				offsetX: 293 - (Liquid.newWindowWidth/2) + Liquid.bgLeft ,
    				offsetY: Liquid.bgTop+Liquid.scrollOffset-109
    			};
    			Liquid.swf.updateBg(obj);
    	 	}
    },
    
    setBodyHeight: function() {
        
    },

    orientationChange: function() {

    }
};