$(document).ready(function() {


$("a[rel^='prettyPhoto']").prettyPhoto({
			animationSpeed: 'normal', /* fast/slow/normal */
			opacity: 0.80, /* Value between 0 and 1 */
			showTitle: false, /* true/false */
			allowresize: false, /* true/false */
			default_width: 820,
			default_height: 344,
			counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
			theme: 'facebook', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
			hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
			wmode: 'opaque', /* Set the flash wmode attribute */
			autoplay: true, /* Automatically start videos: True/False */
			modal: false, /* If set to true, only the close button will close the window */
			changepicturecallback: function(){
				if ( $('.boxContent #bigCollectionView').length > 0) {
					var clickedImageId = $('#showFullCollection').data('clickedImage');
					$('.boxContent #bigCollectionView').scrollTo('.'+clickedImageId, 1000);
				};

			}, /* Called everytime an item is shown/changed */
			callback: function(){}, /* Called when prettyPhoto is closed */
			markup: '<div class="pp_pic_holder"> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
									<div class="pp_fade"> \
										<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
										<div class="pp_loaderIcon"></div> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										<div id="pp_full_res"></div> \
										<div class="pp_details clearfix"> \
											<a class="pp_close" href="#">Close</a> \
											<p class="pp_description"></p> \
											<div class="pp_nav"> \
												<a href="#" class="pp_arrow_previous">Previous</a> \
												<p class="currentTextHolder">0/0</p> \
												<a href="#" class="pp_arrow_next">Next</a> \
											</div> \
										</div> \
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div> \
					<div class="ppt"></div>',
			image_markup: '<img id="fullResImage" src="" />',
			flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
			quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',
			iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',
			inline_markup: '<div class="pp_inline clearfix">{content}</div>'
		});



$('#publish').hover(function(){
	$(this).addClass('hover');
	$(this).find('.info').show();
}, function(){
	$(this).removeClass('hover');
	$(this).find('.info').hide();
});

$('#create').hover(function(){
	$(this).addClass('hover');
	$(this).find('.info').show();

}, function(){
	$(this).removeClass('hover');
	$(this).find('.info').hide();
});




//home link
/*
$('#picture').click(function(){
	window.location.replace("http://www.bilderserien.ch");
});
*/


//TODO: change to dynamic links
//additional main links on div's
$('#publish').click(function(){
	window.location.replace("./serie/publizieren");
});
$('#create').click(function(){
	window.location.replace("./serie/erstellen");
});

}); //jQuery $(document).ready() end

// fetch custom collections images
function getCustomCollectionImages(a) {
    // reset
    activeImages = new Array();

    $('.active .container').each(function(){
        var elements = this.className.split(" ");
        var elementsCount = elements.length;
        for(var i=0;i<elementsCount;i++) {
            var idIdx = elements[i].indexOf("id_");
            if(idIdx!=-1) {
                var idPieces = elements[i].split("_");
                activeImages.push(idPieces[2]);                
            }
        }
    });
        
    if(a.href.indexOf('images=')!=-1) {
        a.href = a.href.substr(0,a.href.indexOf('images')-1);    
    }
    
    a.href = a.href + "&images=" + activeImages.toString();    
    //alert(a.href);
    return true;
}

// display the loaderOverlay on upload
function displayLoader() {
	$('#loaderOverlay').fadeIn();
}