338 lines
7.1 KiB
CoffeeScript
Executable File
338 lines
7.1 KiB
CoffeeScript
Executable File
|
|
#= require jquery
|
|
#= require jquery_ujs
|
|
#= require jquery.bxslider
|
|
#= require jquery.easing.1.3
|
|
#= require vendor/jquery.ui.widget
|
|
#= require vendor/tmpl.min
|
|
#= require vendor/jquery.iframe-transport
|
|
#= require vendor/jquery.fileupload
|
|
#= require vendor/jquery.fileupload-ui
|
|
#= require vendor/jquery.fileupload-process
|
|
|
|
#= require public/prettify.js
|
|
#= require public/jquery.jOrgChart.js
|
|
|
|
#= require bootstrap-p
|
|
|
|
|
|
|
|
|
|
@scrollToAnchor = (aid) ->
|
|
aTag = $("#" + aid )
|
|
$("html,body").animate({scrollTop: aTag.offset().top}, 1000)
|
|
return
|
|
|
|
|
|
|
|
bottom = 0
|
|
prev_link = ""
|
|
|
|
|
|
$("document").ready ->
|
|
|
|
position_img_now = ->
|
|
|
|
|
|
|
|
# alert $("#large .large-img").outerHeight(false)
|
|
|
|
imgheight = $("#large .large-img").outerHeight(false) + $("#large h3").outerHeight(false)
|
|
|
|
|
|
margintop = (( $(window).height() - imgheight) / 2 )
|
|
|
|
$("#large .large-img").css
|
|
"margin-top" :(margintop+"px")
|
|
#"width" : "100px"
|
|
|
|
|
|
|
|
position_img = ->
|
|
$("#large .large-img").one "load", ->
|
|
|
|
position_img_now()
|
|
|
|
|
|
|
|
$(".expandable_image").click ->
|
|
maxwidth = 1000
|
|
maxheight = 900
|
|
|
|
|
|
|
|
|
|
prev_link = $(this)
|
|
$("body").append "<div id='large'></div>"
|
|
title = false
|
|
|
|
|
|
|
|
$("#large").append "<div class='img_container first'></div>"
|
|
$("#large").append "<img src='/close.png' class='close_link' />"
|
|
$(".img_container.first").append "<img src="+$(this).attr("href")+" class='large-img' />"
|
|
|
|
if $(this).attr "title"
|
|
title = $(this).attr "title"
|
|
$(".img_container.first").append "<h3>"+title+"</h3>"
|
|
|
|
$("#large .large-img").one "load", ->
|
|
$("#large").fadeIn(500)
|
|
position_img();
|
|
if $(window).height() > (maxheight+100)
|
|
$("#large .large-img").css
|
|
"max-height" : maxheight
|
|
else
|
|
$("#large .large-img").css
|
|
"max-height" : "85%"
|
|
|
|
if $(window).width() > (maxwidth+100)
|
|
$("#large .large-img").css
|
|
"max-width" : maxwidth
|
|
else
|
|
$("#large .large-img").css
|
|
"max-width" : "85%"
|
|
|
|
position_img();
|
|
|
|
|
|
false
|
|
|
|
|
|
$(".rea-gal a").click ->
|
|
maxwidth = 1000
|
|
maxheight = 900
|
|
|
|
|
|
|
|
|
|
prev_link = $(this)
|
|
$("body").append "<div id='large'></div>"
|
|
title = false
|
|
|
|
|
|
$("#large").append "<img src='/arrow-next.png' class='next' />"
|
|
$("#large").append "<img src='/arrow-prev.png' class='prev' />"
|
|
$("#large").append "<img src='/close.png' class='close_link' />"
|
|
|
|
$("#large").append "<div class='img_container first'></div>"
|
|
$(".img_container.first").append "<img src="+$(this).attr("href")+" class='large-img' />"
|
|
|
|
if $(this).attr "title"
|
|
title = $(this).attr "title"
|
|
$(".img_container.first").append "<h3>"+title+"</h3>"
|
|
|
|
$("#large .large-img").one "load", ->
|
|
$("#large").fadeIn(500)
|
|
position_img();
|
|
if $(window).height() > (maxheight+100)
|
|
$("#large .large-img").css
|
|
"max-height" : maxheight
|
|
else
|
|
$("#large .large-img").css
|
|
"max-height" : "85%"
|
|
|
|
if $(window).width() > (maxwidth+100)
|
|
$("#large .large-img").css
|
|
"max-width" : maxwidth
|
|
else
|
|
$("#large .large-img").css
|
|
"max-width" : "85%"
|
|
|
|
position_img();
|
|
|
|
|
|
false
|
|
|
|
|
|
|
|
$("body").on "click", "#large", ->
|
|
$(this).fadeOut 300, ->
|
|
$(this).remove()
|
|
|
|
|
|
$("body").on "click" ,"#large .prev",->
|
|
|
|
if prev_link.prev("a").length > 0
|
|
link = prev_link.closest("a").prev("a")
|
|
|
|
|
|
|
|
else
|
|
link = prev_link.closest("div").children("a:last")
|
|
|
|
|
|
#titre = photo.find("h3")
|
|
$(".img_container.first").fadeOut 300, ->
|
|
$("#large h3").remove()
|
|
if link.attr "title"
|
|
title = link.attr "title"
|
|
$(".img_container.first").append "<h3>"+title+"</h3>"
|
|
|
|
|
|
$('#large .large-img').attr("src", link.attr("href"))
|
|
$("#large .large-img").one "load", ->
|
|
$(".img_container.first").fadeIn()
|
|
position_img();
|
|
prev_link = link
|
|
|
|
false
|
|
|
|
|
|
$("body").on "click" ,"#large .next",->
|
|
|
|
if prev_link.next("a").length > 0
|
|
link = prev_link.closest("a").next("a")
|
|
|
|
|
|
|
|
else
|
|
link = prev_link.closest("div").children("a:first")
|
|
|
|
|
|
#titre = photo.find("h3")
|
|
|
|
$(".img_container.first").fadeOut 300, ->
|
|
$("#large h3").remove()
|
|
if link.attr "title"
|
|
title = link.attr "title"
|
|
$(".img_container.first").append "<h3>"+title+"</h3>"
|
|
|
|
$('#large .large-img').attr("src", link.attr("href"))
|
|
$("#large .large-img").one "load", ->
|
|
$(".img_container.first").fadeIn()
|
|
position_img();
|
|
prev_link = link
|
|
|
|
false
|
|
|
|
|
|
$('.gal').bxSlider
|
|
adaptiveHeight: true,
|
|
auto: true,
|
|
speed:1000,
|
|
pause:5000,
|
|
|
|
|
|
|
|
|
|
left =0
|
|
|
|
top = 0
|
|
offset= 0
|
|
|
|
resize = ->
|
|
min_height = 0
|
|
|
|
min_height = $(window).height() - $(".top").height() - $(".bottom").height() - 30
|
|
|
|
$("#main").css("min-height", min_height+"px")
|
|
|
|
|
|
$("iframe").each ->
|
|
$(this).css
|
|
"height" : Math.round($(this).width()/ 1.77)+"px"
|
|
|
|
if $(window).width() > 1250
|
|
$(".infos .main").css
|
|
"position" : "static"
|
|
$(".bottom_image").css
|
|
"left" : "0px"
|
|
|
|
else
|
|
$(".infos .main").css
|
|
"position" : "relative"
|
|
$(".bottom_image").css
|
|
"left" : "-120px"
|
|
|
|
|
|
|
|
|
|
$("#large").css "min-height", ($(window).height()-30)+"px"
|
|
|
|
$(".bxslider").each ->
|
|
|
|
|
|
height = ($(window).height())
|
|
optimal_height = Math.round($(this).width()/ $(this).data("ratio"))
|
|
if optimal_height < height
|
|
height = optimal_height
|
|
|
|
$(this).find("li").css("max-height", height+"px")
|
|
|
|
|
|
position_img_now();
|
|
|
|
|
|
|
|
|
|
|
|
resize()
|
|
$('.bxslider').bxSlider
|
|
mode: 'fade'
|
|
captions: true
|
|
auto: true
|
|
resize()
|
|
|
|
|
|
|
|
resize_annonces = ->
|
|
$(".search_results").each ->
|
|
|
|
width = $(this).width()
|
|
|
|
small_width = (width - 4*14) / 2
|
|
small_height = small_width * (250 / 450)
|
|
|
|
big_width = width - 2*14
|
|
|
|
|
|
$(this).find(".annonce_list").css
|
|
"width" : small_width+"px"
|
|
"max-width" : small_width+"px"
|
|
$(this).find(".annonce_list .default_image").css
|
|
"height" : small_height+"px"
|
|
|
|
$(this).find(".annonce_list.big").css
|
|
"width" : big_width+"px"
|
|
"max-width" : big_width+"px"
|
|
$(this).find(".annonce_list.big .default_image").css
|
|
"height" : (small_height+90)+"px"
|
|
|
|
|
|
|
|
|
|
|
|
resize_annonces()
|
|
|
|
$(window).on "resize", ->
|
|
resize()
|
|
resize_annonces()
|
|
|
|
place_annonce_panel = ->
|
|
if $(window).scrollTop() > 230
|
|
$("#annonce_save").addClass("fixed")
|
|
else
|
|
$("#annonce_save").removeClass("fixed")
|
|
|
|
|
|
$(window).on "scroll", ->
|
|
place_annonce_panel()
|
|
|
|
place_annonce_panel()
|
|
|
|
top_height = $(window).height()
|
|
img_height = 0.0
|
|
initial_y = 0
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(document).on "click", ".tags label", ->
|
|
if $("#"+$(this).attr("for")).is(':checked')
|
|
$(this).removeClass("active")
|
|
else
|
|
$(this).addClass("active")
|