﻿var autoSize = function(obj,ctnr){
    var _c=$("#ctnr");
    var bod=$(window);
    var _h1=_c.height(),_h3=bod.height();
    var _h=((_h1<_h3)?_h3:_h1);
    var _w1=_c.width(),_w3=bod.width();
    var _w=((_w1<_w3)?_w3:_w1);
    var r2=1400/1024, r1=_w/_h;
	ctnr.width(_w);
	ctnr.height(_h);
	if(r1>r2){
	    _w=(_w>800)?_w:800;
		obj.width(_w);
		obj.height(_w/r2);
	}
	else{
	    _h=(_h>480)?_h:480;
		obj.height(_h);
		obj.width(_h*r2);
	}
	hdiff=_h;
	placeimg(obj.parent(),indexS);
}
function maxTop(){
var m=_win.height()-130;
(m<350)?(m=350):0
return m;
}
var loadedFd=new Array({tab:new Array(),max:0});
var imgShown={},_shop,_win,indexS,hdiff,ph_align=new Array("C","B2","T","C","T2","T2");
$(document).unbind().ready(function(){
    var img = $("<div id=\"ctnr_fd_img\"></div>");
    var fimg = $("<div id=\"fd_img\"></div>");
    var i=Math.floor(Math.random()*5);
	indexS=i;
	_shop=$("#shop");
	_win=$(window);
    fimg.append($("<img src=\"/medias/home/"+i+".jpg\" />"));
    imgShown={ctnr:$("img",fimg),a:i};
    autoSize(imgShown.ctnr,img);
	imgShown.ctnr.load(function(){
		placeimg(fimg,indexS);
	});
    img.css("overflow","hidden").append(fimg);
    $("body").append(img);
    
    _win.resize(function(){
        autoSize($("img",fimg),img);
		_shop.css({top:(maxTop())+"px"});
    });
 });
$(window).unbind().load(function(){
    var s1=$("#ctnr_menu");
    s1.stop(true).animate({
        top: "0"
    }, 500, "easeOut");
});

$(window).load(function(){
    loadedFd[0].max=6;
    var g=0;
    var fimg = $("#fd_img");
    var _mn=$("#ctnr_menu_items");
    var _items=$(".item",_mn);
	_shop.css({top:(maxTop())+"px"}).show();
	$("a",_shop).delay(500).animate({marginTop:0},1000,"easeOutQuad");
	
    _items.unbind().mouseover(function(){
        var index = _items.index(this);
        var _a=index;
		indexS=_a;
        if((imgShown.a!=_a)){
		 placeimg(fimg,_a);
         imgShown.ctnr.css("opacity","0");
         imgShown={ctnr:$("#fd_"+_a),a:_a};
         imgShown.ctnr.css("opacity","0").prependTo(fimg).animate({
            opacity:1
         },300,"easeIn",function(){imgShown.ctnr.css("opacity"," ");});
        }
    });
    if(loadedFd[g].tab.length<loadedFd[g].max){
        var _img=$("img",fimg);
        var max=_img.length;
        var _img_Ctr;
        for(var i=0;i<6;i++){
            _img_Ctr="<img src=\"/medias/home/"+i+".jpg\" id=\"fd_"+i+"\" />";
            if((g==0)&&(max>1)){
                _img.eq(1).before(_img_Ctr);
            }
            else{
                fimg.append($(_img_Ctr));
            }
        }
        _img=$("img",fimg);
        _img.load(function(){
            loadedFd[g].tab.push(0);
        });
        autoSize(_img,fimg.parent());
    }

    function mySlideDown(obj,i,max){
        (i<max)?obj.eq(i++).slideDown(100,function(){mySlideDown(obj,i,max)}):0;
    }
});
var placeimg = function(obj,i){
	var h=hdiff-$("img",obj).height();
	(h>0)?(h==0):0;
	switch(ph_align[i]){
		case "C":
			obj.css({marginTop:Math.round(h*0.5)+"px"});
		break;
		case "T":
			obj.css({marginTop:0});
		break;
		case "T2":
			obj.css({marginTop:Math.round(h*0.25)+"px"});
		break;
		case "B":
			obj.css({marginTop:h+"px"});
		break;
		case "B2":
			obj.css({marginTop:Math.round(h*0.75)+"px"});
		break;
	}
}