$(function(){
	$("#wrap-container").css('height', $(window).height());
	$("#wrap-container").css('width', $(window).width());
});

$(window).resize(function() {
	$("#wrap-container").css('height', $(window).height());
	$("#wrap-container").css('width', $(window).width());
});




/*$(function() {
	if($(window).height()>700){
		$("body").css("overflow", 'hidden');
		$("#middle").css("height", $(window).height() - 50);
		$("#left-col").css("height", $(window).height() - 50);
		$("#left-col").css("width", '250');
		$("#left-col").css("font-size", '19px');
		

		$("#middle").css("width", '80%');
		$("#right-col").css("width", $("#middle").width() - $("#left-col").width());
		$("#menu").css("width", $("#middle").width() - $("#left-col").width());
		$("#menu a").css("width", (($("#middle").width() - $("#left-col").width())/6)-1.4);
		$("#menu a").css("padding", '12px 0px');
		$("#menu a").css("font-size", '16px');
		
		$(".home-flash").css("height", ($("#middle").height()-$("#menu a").height()-32)/5);
		$(".home-flash").css("width", (($("#middle").width() - $("#left-col").width())/6)-1.4);
		$(".home-flash #flash-movie").attr('height',($("#middle").height()-$("#menu a").height() -32)/5);
		$(".home-flash #flash-movie").attr("width", (($("#middle").width() - $("#left-col").width())/6)-1.4);
		$("#gallery").css("width", $("#middle").width() - $("#left-col").width());
		$("#gallery").css("height", $("#middle").height() - $("#menu a").height()-28);
		$(".ad-gallery .ad-image-wrapper").css("width", $("#middle").width() - $("#left-col").width()-200);
		$(".ad-gallery .ad-controls").css("width", $("#middle").width() - $("#left-col").width()-25);
		$(".ad-image-wrapper").css("height", $(window).height() -300);
		
		$("#right-col .flash-movie").attr('height', $("#middle").height());
		$("#right-col .flash-movie").attr('width', $("#middle").width()-$("#left-col").width());
		
		$("#vertical-lines li").css("height", $(window).height() - 50);
		$("#vertical-lines li").css("width", (($("#middle").width() - $("#left-col").width())/6)-1.2);
		
		$("#horizontal-lines li").css('height',($("#middle").height()-$("#menu a").height() -32)/5);
		$("#horizontal-lines li").css("width",  $("#middle").width()-$("#left-col").width());
		$("#horizontal-lines").css("margin-top",  '47px');
	}
	else{
		$("#left-col").css("height", '615');
		$("#left-col").css("width", '165');
		$("#left-col").css("font-size", '12px');
		$("#right-col").css("width", '835');
		$("#gallery").css("width", '835');
		$(".ad-gallery .ad-image-wrapper").css("width", '835');
		$(".ad-gallery .ad-controls").css("width", '835');
		$("#gallery").css("height", '615');
		$("#middle").css("height", '615');
		$("#menu").css("width", '835');
		$("#menu a").css("width", '138');
		$("#menu a").css("padding", '7px 0px');
		$("#menu a").css("font-size", '12px');
		$(".home-flash").css("height", '116');
		$(".home-flash").css("width", '138');
		$(".home-flash #flash-movie").attr('width','138');
		$(".home-flash #flash-movie").attr('height','116');
	}
	if($("#middle").width()<1100){
		$("#middle").css("width", '1002');
		$("#gallery").css("width", '835');
		$("#gallery").css("height", '615');
		$(".ad-gallery .ad-image-wrapper").css("width", '835');
		$(".ad-gallery .ad-controls").css("width", '835');
		$("#right-col").css("width", '837');
		$("#left-col").css("width", '165');
		$("#left-col").css("font-size", '12px');
		$("#menu").css("width", '837');
		$("#menu a").css("width", '138');
		$("#menu a").css("padding", '7px 0px');
		$("#menu a").css("font-size", '12px');
		$(".home-flash").css("height", '116');
		$(".home-flash").css("width", '138');
		$(".home-flash #flash-movie").attr('width','138');
		$(".home-flash #flash-movie").attr('height','116');
	}

});*/

$(function() {
	if($(window).width()>=1200){
		$(".scroll-pane").css("width", '430px');
		$(".scroll-pane").css("height", '510px');
	}
	
	if($(window).width()>=1400){
		$(".scroll-pane").css("width", '430px');
		$(".scroll-pane").css("height", '610px');
	}
	
	$('.scroll-pane').jScrollPane();
	if($(window).width()>1024){
		
		$("#index #vertical-lines li").css("width",  '138px');
		$("#index #horizontal-lines li").css('height','116px');
		$("#index #horizontal-lines li").css("width",  '835px');
		$("#horizontal-lines").css("margin-top",  '30px');
		$("#middle").css("width", '1000');
		$("#left-col").css("width", '164');
		$("#left-col").css("font-size", '11px');
		$("#right-col").css("width", '835');
		$("#page_dynamic").css("width", '835');
		$("#menu").css("width", '835');
		$("#menu a").css("width", '138');
		$("#menu a").css("padding", '6px 0px');
		$("#menu a").css("font-size", '12px');
		
		$("#vertical-lines li").css("height", '30px');
		$("#index #vertical-lines li").css("height", '615px');
		$("#vertical-lines li").css("width",  '138px');
		$("#horizontal-lines li").css("display",  'none'); 
		$("#index #horizontal-lines li").css("display",  'block');
		
		
		
		$("#page_dynamic").css('margin-top','30px');		
		
		
		$(".home-flash").css("width",  '138px');
		$(".home-flash").css('height','116px');		
		$("#right-col .flash-movie").attr('height', '116px');
		$("#right-col .flash-movie").attr('width', '138px');
		
		$("#index #left-col").css("left", -$("#left-col").width());
		$("#index #menu").css("top", '-50px');
		$("#index #horizontal-lines").css("left", $("#right-col").width());
		$("#index #vertical-lines").css("top", -($("#middle").height()));
		
		$(".ad-thumbs img").css("height",  '100px');
		$(".ad-gallery .ad-nav").css("height",  '105px');
		$(".ad-gallery").css("height", '585px');
		$(".ad-image-wrapper").css("height", '460px');
		$(".ad-image-wrapper").css("width", '485px');
		$(".ad-image img").attr('height', '200px');
		
		$("#mapframe").attr('width', '330px');
		
		
		$(".peintre-detail").css("width", '330px');
		$(".peintre-detail").css("height", '440px');
		$(".peintre-titre").css("font-size", '14px');
		
		$(".sculpteur .home-flash1").css("width",  '170px');
		$(".sculpteur .home-flash1").css('height','140px');		
		$("#right-col .sculpteur .flash-movie1").attr('height', '140px');
		$("#right-col .sculpteur .flash-movie1").attr('width', '170px');
		
		$(".sculpteur-liste a").css("width", '240');
		$(".sculpteur-liste a").css("height", '190');
		$(".sculpteur-liste").css("width", '240');
		$(".sculpteur-liste").css("height", '190');
		$(".sculpteur").css("margin-top", '35px');
		$(".sculpteur").css("margin-left", '30px');
		$(".sculpteur-artist-name").css("width", '240');
	}
	
	if($(window).width()>=1200){
		$("#index #vertical-lines li").css("width",  '154px');
		$("#index #horizontal-lines li").css('height','154px');
		$("#index #horizontal-lines li").css("width",  '930px');
		$("#index #horizontal-lines").css("margin-top",  '32px');
		
		$("#vertical-lines li").css("height", '40px');
		$("#index #vertical-lines li").css("height", '800px');
		$("#vertical-lines li").css("width",  '154px');
		$("#horizontal-lines li").css("display",  'none'); 
		$("#index #horizontal-lines li").css("display",  'block');
		
		$("#middle").css("width", '1145');
		$("#middle").css("height", '800');
		$("#left-col").css("height", '800');
		$("#left-col").css("width", '214');
		$("#left-col").css("font-size", '16px');
		$("#right-col").css("width", '930');
		$("#page_dynamic").css("width", '930');
		$("#menu").css("width", '930');
		$("#menu a").css("width", '154');
		$("#menu a").css("padding", '10px 0px');
		$("#menu a").css("font-size", '15px');
		
		$(".ad-gallery").css("height", '760px');
		$(".ad-image img").attr('height', '200px');
		
		$("#page_dynamic").css('margin-top','40px');		
		
		$(".home-flash").css("width",  '154px');
		$(".home-flash").css('height','152px');		
		$("#right-col .flash-movie").attr('height', '152px');
		$("#right-col .flash-movie").attr('width', '154px');
		
		$(".sculpteur .home-flash1").css("width",  '220px');
		$(".sculpteur .home-flash1").css('height','170px');		
		$("#right-col .sculpteur .flash-movie1").attr('height', '170px');
		$("#right-col .sculpteur .flash-movie1").attr('width', '220px');
		
		$(".sculpteur-liste a").css("width", '290');
		$(".sculpteur-liste a").css("height", '220');
		$(".sculpteur-liste").css("width", '290');
		$(".sculpteur-liste").css("height", '220');
		$(".sculpteur").css("margin-top", '53px');
		$(".sculpteur").css("margin-left", '20px');
		$(".sculpteur-artist-name").css("width", '290');
		
		$("#index #left-col").css("left", -$("#left-col").width());
		$("#index #menu").css("top", '-50px');
		$("#index #horizontal-lines").css("left", $("#right-col").width());
		$("#index #vertical-lines").css("top", '-1050px');
		
		$(".peintres-liste a").css("width", '160');
		$(".peintres-liste a").css("height", '140');
		$(".peintres-liste").css("width", '170');
		$(".peintres-liste").css("height", '180');
		$(".peintres").css("margin-top", '15px');
		$(".artist-name").css("width", '162');
		
		$(".ad-thumbs img").css("height",  '130px');
		$(".ad-gallery .ad-nav").css("height",  '135px');
		$(".ad-gallery").css("height", '760px');
		$(".ad-image-wrapper").css("height", '605px');
		$(".ad-image-wrapper").css("width", '460px');
		$(".ad-image img").attr('height', '200px');

		$("#left-col #address").css("font-size", '13px');
		$("#left-col .horaire").css("font-size", '13px');
		
		$(".peintre-detail").css("width", '446px');
		$(".peintre-detail").css("height", '630px');
		$(".jspContainer").css("width", '445px');
		$(".jspContainer").css("height", '510px');
		$(".jspTrack").css("height", '510px');
		$(".jspPane").css("width", '435px');
		$(".scroll-pane").css("width", '445px');
		$(".peintre-titre").css("font-size", '16px');
		$(".scroll-pane").css("font-size", '14px');
		
		$("#mapframe").attr('width', '425px');
		
	}
	
	if($(window).width()>=1400){
		$("#index #vertical-lines li").css("width",  '172px');
		$("#index #horizontal-lines li").css('height','172px');
		$("#index #horizontal-lines li").css("width",  '1038px');
		$("#index #horizontal-lines").css("margin-top",  '36px');
		
		
		$("#vertical-lines li").css("height", '40px');
		$("#index #vertical-lines li").css("height", '900px');
		$("#vertical-lines li").css("width",  '172px');
		$("#horizontal-lines li").css("display",  'none'); 
		$("#index #horizontal-lines li").css("display",  'block');
		
		$("#middle").css("width", '1253');
		$("#middle").css("height", '900');
		$("#left-col").css("height", '900');
		$("#left-col").css("width", '214');
		$("#left-col").css("font-size", '16px');
		$("#left-col #address").css("font-size", '13px');
		$("#left-col .horaire").css("font-size", '13px');
		$("#right-col").css("width", '1038');
		$("#page_dynamic").css("width", '1038');
		$("#menu").css("width", '1040');
		$("#menu a").css("width", '172px');
		$("#menu a").css("padding", '10px 0px');
		$("#menu a").css("font-size", '15px');
		
		$(".ad-gallery").css("height", '860px');
		
		$("#page_dynamic").css('margin-top','40px');		
		
		$(".home-flash").css("width",  '172px');
		$(".home-flash").css('height','172px');		
		$("#right-col .flash-movie").attr('height', '172px');
		$("#right-col .flash-movie").attr('width', '172px');
		
		$(".sculpteur .home-flash1").css("width",  '250px');
		$(".sculpteur .home-flash1").css('height','200px');		
		$("#right-col .sculpteur .flash-movie1").attr('height', '200px');
		$("#right-col .sculpteur .flash-movie1").attr('width', '250px');
		
		$(".sculpteur-liste a").css("width", '320');
		$(".sculpteur-liste a").css("height", '270');
		$(".sculpteur-liste").css("width", '320');
		$(".sculpteur-liste").css("height", '270');
		$(".sculpteur").css("margin-top", '55px');
		$(".sculpteur").css("margin-left", '20px');
		$(".sculpteur-artist-name").css("width", '320');
		
		$("#mapframe").attr('width', '530px');
		
		$("#index #left-col").css("left", -$("#left-col").width());
		$("#index #menu").css("top", '-50px');
		$("#index #horizontal-lines").css("left", $("#right-col").width());
		$("#index #vertical-lines").css("top", '-1150px');
		
		$(".peintres-liste a").css("width", '176');
		$(".peintres-liste a").css("height", '160');
		$(".peintres-liste").css("width", '191');
		$(".peintres-liste").css("height", '205');
		$(".peintres").css("margin-top", '15px');
		$(".artist-name").css("width", '178');
		
		
		$(".ad-thumbs img").css("height",  '130px');
		$(".ad-gallery .ad-nav").css("height",  '135px');
		$(".ad-gallery").css("height", '860px');
		$(".ad-image-wrapper").css("height", '700px');
		$(".ad-image-wrapper").css("width", '570px');
		//$(".ad-image img").attr('height', '450px');


		$(".peintre-detail").css("width", '445px');
		$(".peintre-detail").css("height", '690px');
		$(".jspContainer").css("width", '430px');
		$(".jspContainer").css("height", '610px');
		$(".jspTrack").css("height", '610px');
		$(".jspPane").css("width", '410px');
		$(".peintre-titre").css("font-size", '16px');
		$(".scroll-pane").css("font-size", '14px');
		
	}
	
});


$(function() {
	
	$("#right-col .home-flash").css('display','none');
	
	$("#right-col .home-flash").delay(5000).fadeIn("slow");


	$("#index #left-col" ).animate({
		"left": "0", "opacity": 1
	}, 1500 );
	
	$("#index #menu" ).delay(3500).animate({
		"top": "0", "opacity": 1
	}, 1500 );
	
	$("#index #horizontal-lines" ).delay(1500).animate({
		"left": "0", "opacity": 1
	}, 2500 );
	
	$("#index #vertical-lines" ).delay(1500).animate({
		"top": "0", "opacity": 1
	}, 2500 );

});