var autoSize = function(obj,ctnr){
    var bodi=$("body");
    var bod=$(window);
    var _h=bod.height();
	var _hb=bodi.height();
	(_h<_hb)?(_h=_hb):0;
    var _w=bod.width();
    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(),genre,indexView);
}
var loadedFd=new Array({tab:new Array(),max:0},{tab:new Array(),max:0});
var imgShown={},genre,indexView,hdiff,ph_align=new Array(new Array("C","C","C","T2"),new Array("B","C","B2","C"));
function HE(i){return (i==3)?5:i;};
$(document).ready(function(){
    var img = $("<div id=\"ctnr_fd_img\"></div>");
    var fimg = $("<div id=\"fd_img\"></div>");
    var i=Math.floor(Math.random()*4)+1;
    var g=Math.floor(Math.random()*2)+1;
	genre=g-1;indexView=i-1;
    fimg.append($("<img src=\"/library/fonds/"+HE(i)+"_"+g+".jpg\" />"));
    imgShown={ctnr:$("img",fimg),a:i,g:g};
    autoSize(imgShown.ctnr,img);
	imgShown.ctnr.load(function(){
		placeimg(fimg,genre,indexView);
	});
    img.css("overflow","hidden").append(fimg);
    $("body").append(img);
    
    $(window).resize(function(){
        autoSize($("img",fimg),img);
    });
 });
$(window).load(function(){
    var _doc=$(document);
    var _hbody=_doc.height();
    var ctnr = $("#ctnr_selector");
    ctnr.animate({
	   top:0
    }, 500, "easeOut",function(){
        ctnr.removeAttr("style");
    });
    var s1 = $("#genre"),s_m=$(".man",s1),s_w=$(".woman",s1);
    s1.animate({
        marginTop: _hbody*0.5-150
    }, 800, "easeOut" );
    var _gtab=new Array({ctnr:$("#man")},{ctnr:$("#woman")});
    for(var i=0;i<2;i++){
        _gtab[i].tab=$("li a",_gtab[i].ctnr);
        _gtab[i].max=_gtab[i].tab.length;
        loadedFd[i].max+=_gtab[i].max;
    }
    var _genres=$(".item",s1);
    _genres.click(function(){
        $(".activite").hide();
        var g;
        if($(this).hasClass("man")){
            g=0;
            s_m.addClass("manover");
            s_w.removeClass("womanover");
        }
        else{
            g=1;
            s_m.removeClass("manover");
            s_w.addClass("womanover");
        }
        var s2 = _gtab[g].ctnr;
        _gtab[g].tab.hide();
        s2.show();
        mySlideDown(_gtab[g].tab,0,_gtab[g].max);

        var fimg = $("#fd_img");

        _gtab[g].tab.unbind().mouseover(function(){
            var index = _gtab[g].tab.index(this);
            var _g=g+1;
            var _a=index+1;
			genre=g;indexView=index;
            if((imgShown.g!=_g)||(imgShown.a!=_a)){
			 placeimg(fimg,g,index);
             imgShown.ctnr.css("opacity","0");
             imgShown={ctnr:$("#fd_"+_a+"_"+_g),a:_a,g:_g};
             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=1;i<=_gtab[g].max;i++){
                _img_Ctr="<img src=\"/library/fonds/"+HE(i)+"_"+(g+1)+".jpg\" id=\"fd_"+i+"_"+(g+1)+"\" />";
                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);
                if(loadedFd[g].tab.length==1){
                    var tb=this.src.split("_");
                    var _g=tb[1].substr(0,1);
                    var _a=tb[0].substr(tb[0].length-1);
                    if(imgShown.g!=_g){
                     imgShown.ctnr.css("opacity","0");
                     imgShown={ctnr:$("#fd_"+_a+"_"+_g),a:_a,g:_g};
                     imgShown.ctnr.css("opacity","0").prependTo(fimg).animate({
                        opacity:1
                     },300);
                    }  
					placeimg(fimg,_g-1,_a-1);					
                }
            });
            autoSize(_img,fimg.parent());
        }
        return false;
    });
    function mySlideDown(obj,i,max){
        (i<max)?obj.eq(i++).slideDown(100,function(){mySlideDown(obj,i,max)}):0;
    }
});
var placeimg = function(obj,g,i){
	var h=hdiff-$("img",obj).height();
	(h>0)?(h==0):0;
	switch(ph_align[g][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;
	}
}