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());
}
var loadedFd=new Array({tab:new Array(),max:0}),hdiff;
$(document).ready(function(){
    var img = $("<div id=\"ctnr_fd_img\"></div>");
    var fimg = $("<div id=\"fd_img\"></div>");
    fimg.append($("<img src=\"/medias/fdw.jpg\" />"));
	var ig=$("img",fimg);
    autoSize(ig,img);
	ig.load(function(){
		placeimg(fimg);
	});
    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");
    var _bar = $(".h2px");
    var _actv = $(".activite");
    _bar.hide();
    _bar.eq(0).show();
    ctnr.animate({
	   top:0
    }, 500, "easeOut",function(){
        ctnr.removeAttr("style");
    });
    var s1 = $("#genre");
    s1.animate({
        marginTop: _hbody*0.5-150
    }, 800, "easeOut" );
    var _gtab=new Array({ctnr:$("#ameri")},{ctnr:$("#euro")},{ctnr:$("#asia")},{ctnr:$("#ocea")},{ctnr:$("#othe")});
    for(var i=0;i<5;i++){
        _gtab[i].tab=$("li a",_gtab[i].ctnr);
        _gtab[i].max=_gtab[i].tab.length;
    }
    loadedFd[0].max=4;
    var _genres=$(".lv1:not(.othe)",s1);
    _genres.click(function(){
        _actv.hide();
        _bar.hide();
        var g=_genres.index($(this));
        _bar.eq(g).show();
        var s2 = _gtab[g].ctnr;
        _gtab[g].tab.hide();
        s2.show();
        s1.animate({
            marginTop: "0px"
        }, 300, "easeOut" );
        mySlideDown(_gtab[g].tab,0,_gtab[g].max);
        return false;
    });
    function mySlideDown(obj,i,max){
        var _i=i+3;
        (_i>=max)?(_i=max):0;
        if(i<max){
            obj.slice(i,_i-1).slideDown(50);
            obj.eq(_i-1).slideDown(50,function(){mySlideDown(obj,_i,max)});
        }
    }
});
var placeimg = function(obj){
	var h=hdiff-$("img",obj).height();
	(h>0)?(h==0):0;
	obj.css({marginTop:Math.round(h*0.25)+"px"});
}