/*
	ColorBox v1.2.9b - a full featured, light-weight, customizable lightbox based on jQuery 1.3
	(c) 2009 Jack Moore - www.colorpowered.com - jack@colorpowered.com
	Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
*/
(function($){
var $overlay,$cbox,$wrap,$content,$topBorder,$leftBorder,$rightBorder,$bottomBorder,$related,$window,$loaded,$loadingOverlay,$loadingGraphic,$title,$current,$slideshow,$next,$prev,$close,
publicMethod,interfaceHeight,interfaceWidth,loadedHeight,loadedWidth,maxWidth,maxHeight,element,index,settings,open,callback,colorbox='colorbox',hover='hover',
prev,next,init,load,position,dimensions,slideshow,close,
cbox_open='cbox_open',cbox_load='cbox_load',cbox_complete='cbox_complete',cbox_close='cbox_close',cbox_closed='cbox_closed',
defaults={
transition: "elastic",
speed: 350,
width: false,
height: false,
initialWidth: "400",
initialHeight: "400",
maxWidth: false,
maxHeight: false,
resize: true,
inline: false,
html: false,
iframe: false,
photo: false,
href: false,
title: false,
rel: false,
opacity: 0.9,
preloading: true,
current: "Image {current} of {total}",
previous: "previous",
next: "next",
close: "close",
open: false,
overlayClose: true,
slideshow: false,
slideshowAuto: true,
slideshowSpeed: 2500,
slideshowStart: "start slideshow",
slideshowStop: "stop slideshow"}
function cbox_key(e){
if(e.keyCode===37){
e.preventDefault()
$prev.click()
}else if(e.keyCode===39){
e.preventDefault()
$next.click()}}
function setSize(size,dimension){
dimension=dimension==='x' ? document.documentElement.clientWidth : document.documentElement.clientHeight
return(typeof size==='string')?(size.match(/%/)?(dimension/100)*parseInt(size,10): parseInt(size,10)): size}
function isImage(url){
return settings.photo ? true : url.match(/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i)}
function process(){
for(var i in settings){
if(typeof(settings[i])==='function'){
settings[i]=settings[i].call(element)}}}
$.fn.colorbox=function(options,custom_callback){
if(this.length){
this.each(function(){
var data=$(this).data(colorbox)? $.extend({},
$(this).data(colorbox),options): $.extend({},defaults,options)
$(this).data(colorbox,data).addClass("cboxelement")
})
}else{
$(this).data(colorbox,$.extend({},defaults,options))}
$(this).unbind("click.colorbox").bind("click.colorbox",function(event){
element=this
settings=$(element).data(colorbox)
process()
$().bind("keydown.cbox_close",function(e){
if(e.keyCode===27){
e.preventDefault()
$close.click()}
})
if(settings.overlayClose===true){
$overlay.css({"cursor": "pointer"}).one('click',close)}
element.blur()
callback=custom_callback || false
var rel=settings.rel || element.rel
if(rel&&rel !=='nofollow'){
$related=$('.cboxelement').filter(function(){
var relRelated=$(this).data(colorbox).rel || this.rel
return(relRelated===rel)
})
index=$related.index(element)
if(index<0){
$related=$related.add(element)
index=$related.length-1}
}else{
$related=$(element)
index=0}
if(!open){
$.event.trigger(cbox_open)
$close.html(settings.close)
$overlay.css({"opacity": settings.opacity}).show()
open=true
position(setSize(settings.initialWidth,'x'),setSize(settings.initialHeight,'y'),0)
if($.browser.msie&&$.browser.version<7){
$window.bind("resize.cboxie6 scroll.cboxie6",function(){
$overlay.css({width: $window.width(),height: $window.height(),top: $window.scrollTop(),left: $window.scrollLeft()})
}).trigger('scroll.cboxie6')}}
slideshow()
load()
event.preventDefault()
})
if(options&&options.open){
$(this).triggerHandler('click.colorbox')}
return this}
init=function(){
function $div(id){
return $('<div id="cbox'+id+'"/>')}
$window=$(window)
$cbox=$('<div id="colorbox"/>')
$overlay=$div("Overlay").hide()
$wrap=$div("Wrapper")
$content=$div("Content").append(
$loaded=$div("LoadedContent").css({width: 0,height: 0}),
$loadingOverlay=$div("LoadingOverlay"),
$loadingGraphic=$div("LoadingGraphic"),
$title=$div("Title"),
$current=$div("Current"),
$slideshow=$div("Slideshow"),
$next=$div("Next"),
$prev=$div("Previous"),
$close=$div("Close")
)
$wrap.append(
$('<div/>').append(
$div("TopLeft"),
$topBorder=$div("TopCenter"),
$div("TopRight")
),
$('<div/>').append(
$leftBorder=$div("MiddleLeft"),
$content,
$rightBorder=$div("MiddleRight")
),
$('<div/>').append(
$div("BottomLeft"),
$bottomBorder=$div("BottomCenter"),
$div("BottomRight")
)
).children().children().css({'float': 'left'})
$('body').prepend($overlay,$cbox.append($wrap))
if($.browser.msie&&$.browser.version<7){
$overlay.css('position','absolute')}
$content.children()
.addClass(hover)
.mouseover(function(){$(this).addClass(hover);})
.mouseout(function(){$(this).removeClass(hover);})
.hide()
interfaceHeight=$topBorder.height()+$bottomBorder.height()+$content.outerHeight(true)-$content.height()
interfaceWidth=$leftBorder.width()+$rightBorder.width()+$content.outerWidth(true)-$content.width()
loadedHeight=$loaded.outerHeight(true)
loadedWidth=$loaded.outerWidth(true)
$cbox.css({"padding-bottom": interfaceHeight,"padding-right": interfaceWidth}).hide()
$next.click(next)
$prev.click(prev)
$close.click(close)
$content.children().removeClass(hover)}
position=function(mWidth,mHeight,speed,loadedCallback){
var winHeight=document.documentElement.clientHeight,
posTop=winHeight/2-mHeight/2,
posLeft=document.documentElement.clientWidth/2-mWidth/2,
animate_speed
if(mHeight>winHeight){posTop-=(mHeight-winHeight);}
if(posTop<0){posTop=0;}
if(posLeft<0){posLeft=0;}
posTop+=$window.scrollTop()
posLeft+=$window.scrollLeft()
mWidth=mWidth-interfaceWidth
mHeight=mHeight-interfaceHeight
animate_speed=($cbox.width()===mWidth&&$cbox.height()===mHeight)? 0 : speed
$wrap[0].style.width=$wrap[0].style.height="9999px"
function modalDimensions(that){
$topBorder[0].style.width=$bottomBorder[0].style.width=$content[0].style.width=that.style.width
$loadingGraphic[0].style.height=$loadingOverlay[0].style.height=$content[0].style.height=$leftBorder[0].style.height=$rightBorder[0].style.height=that.style.height}
$cbox.dequeue().animate({height:mHeight,width:mWidth,top:posTop,left:posLeft},{duration: animate_speed,
complete: function(){
modalDimensions(this)
$wrap[0].style.width=(mWidth+interfaceWidth)+"px"
$wrap[0].style.height=(mHeight+interfaceHeight)+"px"
if(loadedCallback){loadedCallback();}
},
step: function(){
modalDimensions(this)}
})}
dimensions=function(object){
if(!open){return;}
$window.unbind('resize.cbox_resize')
var width,height,topMargin,prev,prevSrc,next,nextSrc,photo,
speed=settings.transition==="none" ? 0 : settings.speed
$loaded.remove()
$loaded=$(object)
function getWidth(){
if(settings.width){
width=maxWidth
}else{
width=maxWidth&&maxWidth<$loaded.width()? maxWidth : $loaded.width()}
return width}
function getHeight(){
if(settings.height){
height=maxHeight
}else{
height=maxHeight&&maxHeight<$loaded.height()? maxHeight : $loaded.height()}
return height}
$loaded.hide().appendTo('body')
.attr({id:'cboxLoadedContent'})
.css({width:getWidth()})
.css({height:getHeight()})
.prependTo($content)
if($.browser.msie&&$.browser.version<7){
$('select:not(#colorbox select)').filter(function(){
return $(this).css('visibility')!=='hidden'
}).css({'visibility':'hidden'}).one(cbox_close,function(){
$(this).css({'visibility':'inherit'})
})}
photo=$('#cboxPhoto')[0]
if(photo&&settings.height){
topMargin=(height-parseInt(photo.style.height,10))/2
photo.style.marginTop=(topMargin>0 ? topMargin : 0)+'px'}
function setPosition(s){
var mWidth=width+loadedWidth+interfaceWidth,
mHeight=height+loadedHeight+interfaceHeight
position(mWidth,mHeight,s,function(){
if(!open){return;}
if($.browser.msie){
if(photo){$loaded.fadeIn(100);}
$cbox.css('filter','')}
$content.children().show()
$('#cboxIframeTemp').after("<iframe id='cboxIframe' name='iframe_"+new Date().getTime()+"' frameborder=0 src='"+(settings.href || element.href)+"' />").remove()
$loadingOverlay.hide()
$loadingGraphic.hide()
$slideshow.hide()
if($related.length>1){
$current.html(settings.current.replace(/\{current\}/,index+1).replace(/\{total\}/,$related.length))
$next.html(settings.next)
$prev.html(settings.previous)
$().unbind('keydown',cbox_key).bind('keydown',cbox_key)
if(settings.slideshow){
$slideshow.show()}
}else{
$current.hide()
$next.hide()
$prev.hide()}
$title.html(settings.title || element.title)
$.event.trigger(cbox_complete)
if(callback){
callback.call(element)}
if(settings.transition==='fade'){
$cbox.fadeTo(speed,1,function(){
if($.browser.msie){$content.css('filter','');}
})}
$window.bind('resize.cbox_resize',function(){
position(mWidth,mHeight,0)
})
})}
if(settings.transition==='fade'){
$cbox.fadeTo(speed,0,function(){setPosition(0);})
}else{
setPosition(speed)}
if(settings.preloading&&$related.length>1){
prev=index>0 ? $related[index-1] : $related[$related.length-1]
next=index<$related.length-1 ? $related[index+1] : $related[0]
nextSrc=$(next).data(colorbox).href || next.href
prevSrc=$(prev).data(colorbox).href || prev.href
if(isImage(nextSrc)){
$('<img />').attr('src',nextSrc)}
if(isImage(prevSrc)){
$('<img />').attr('src',prevSrc)}}}
load=function(){
var height,width,href,loadingElement
element=$related[index]
settings=$(element).data(colorbox)
process()
$.event.trigger(cbox_load)
height=settings.height ? setSize(settings.height,'y')-loadedHeight-interfaceHeight : false
width=settings.width ? setSize(settings.width,'x')-loadedWidth-interfaceWidth : false
href=settings.href || element.href
$loadingOverlay.show()
$loadingGraphic.show()
$close.show()
if(settings.maxHeight){
maxHeight=settings.maxHeight ? setSize(settings.maxHeight,'y')-loadedHeight-interfaceHeight : false
height=height&&height<maxHeight ? height : maxHeight}
if(settings.maxWidth){
maxWidth=settings.maxWidth ? setSize(settings.maxWidth,'x')-loadedWidth-interfaceWidth : false
width=width&&width<maxWidth ? width : maxWidth}
maxHeight=height
maxWidth=width
if(settings.inline){
$('<div id="cboxInlineTemp" />').hide().insertBefore($(href)[0]).bind(cbox_load+' '+cbox_close,function(){
$loaded.children().insertBefore(this)
$(this).remove()
})
dimensions($(href).wrapAll('<div/>').parent())
}else if(settings.iframe){
dimensions(
$("<div><div id='cboxIframeTemp' /></div>")
)
}else if(settings.html){
dimensions(
$('<div/>').html(settings.html)
)
}else if(isImage(href)){
loadingElement=new Image()
loadingElement.onload=function(){
loadingElement.onload=null
if((maxHeight || maxWidth)&&settings.resize){
var width=this.width,
height=this.height,
percent=0,
that=this,
setResize=function(){
height+=height*percent
width+=width*percent
that.height=height
that.width=width}
if(maxWidth&&width>maxWidth){
percent=(maxWidth-width)/width
setResize()}
if(maxHeight&&height>maxHeight){
percent=(maxHeight-height)/height
setResize()}}
dimensions($("<div />").css({width:this.width,height:this.height}).append($(this).css({width:this.width,height:this.height,display:"block",margin:"auto",border:0}).attr('id','cboxPhoto')))
if($related.length>1){
$(this).css({cursor:'pointer'}).click(next)}
if($.browser.msie&&$.browser.version==7){
this.style.msInterpolationMode='bicubic'}}
loadingElement.src=href
}else{
$('<div />').load(href,function(data,textStatus){
if(textStatus==="success"){
dimensions($(this))
}else{
dimensions($("<p>Request unsuccessful.</p>"))}
})}}
next=function(){
index=index<$related.length-1 ? index+1 : 0
load()}
prev=function(){
index=index>0 ? index-1 : $related.length-1
load()}
slideshow=function(){
var stop,timeOut,className='cboxSlideshow_'
$slideshow.bind(cbox_close,function(){
clearTimeout(timeOut)
$slideshow.unbind()
})
function start(){
$slideshow
.text(settings.slideshowStop)
.bind(cbox_complete,function(){
timeOut=setTimeout(next,settings.slideshowSpeed)
})
.bind(cbox_load,function(){
clearTimeout(timeOut)
}).one("click",function(){
stop()
$(this).removeClass(hover)
})
$cbox.removeClass(className+"off").addClass(className+"on")}
stop=function(){
clearTimeout(timeOut)
$slideshow
.text(settings.slideshowStart)
.unbind(cbox_complete+' '+cbox_load)
.one("click",function(){
start()
timeOut=setTimeout(next,settings.slideshowSpeed)
$(this).removeClass(hover)
})
$cbox.removeClass(className+"on").addClass(className+"off")}
if(settings.slideshow&&$related.length>1){
if(settings.slideshowAuto){
start()
}else{
stop()}}}
close=function(){
$.event.trigger(cbox_close)
open=false
$().unbind('keydown',cbox_key).unbind("keydown.cbox_close")
$window.unbind('resize.cbox_resize resize.cboxie6 scroll.cboxie6')
$overlay.css({cursor:'auto'}).fadeOut('fast')
$content.children().hide()
$cbox
.stop(true,false)
.removeClass()
.fadeOut('fast',function(){
$loaded.remove()
$cbox.css({'opacity':1})
$.event.trigger(cbox_closed)
})}
publicMethod=$.fn.colorbox
publicMethod.init=init
publicMethod.next=next
publicMethod.prev=prev
publicMethod.close=close
publicMethod.load=load
publicMethod.position=position
publicMethod.dimensions=dimensions
publicMethod.element=function(){return element;}
publicMethod.settings=defaults
$(function(){
init()
})
}(jQuery))