/**
 * Gallery
 *
 * JavaScript for gallery
 */
/**
 * Try to preload images but without success
 * 
 * TODO: solve this problem wiuth preload
 * 
 */
jQuery.preloadImages = function(){
	for (var i = 0; i<arguments.length; i++) {
		img = new Image();
		img.src = arguments[i];
		//alert(arguments[i]);
	}
}

// I thin this isn't working but don't know why
$(document).ready(function(){
var images = [];
$('.gallery .items img').each(function(){
	images.push($(this).attr("src").replace("thumb_",""));
});
$.preloadImages(images);

});

$(document).ready(function(){
	
/**
 * Change (load into wrap) image when click on big image
 * 
 */

$(".image_wrap img").live("click",function() { 
    var url = $(this).attr("src").split('/');
	url = url[3].split('.');
	url = url[0];
	var imgOld = $(this).parent().next().find("img[rel='" + url + "']").next().attr("src").replace("thumb_","");	
	var opis = $(this).parent().next().find("img[rel='" + url + "']").next().attr("title");
 	url = imgOld;
    var wrap = $(this).parent().fadeTo("medium", 0.5);
	var desc = $(this).parent().find('.desc').fadeTo("medium", 0.7); 
 
    var img = new Image(); 

    img.onload = function() { 
 
        wrap.fadeTo("fast", 1); 
        wrap.find("img").attr("src", url); 
 
    }; 
 		
    img.src = url;
	if(opis != ''){
		desc.css("display", "block");
		desc.text(opis);
	}else{
		desc.css("display","none");
	}	
 
});

/**
 * Change (load into wrap) image when click on thumbnail
 * 
 */

$(".gallery .items img").live("click",function() { 
 
    var url = $(this).attr("src").replace("thumb_","");
	var opis = $(this).attr("title"); 
 
    var wrap = $(this).parent().parent().prev().fadeTo("medium", 0.5);
	var desc = $(this).parent().parent().prev().find('.desc').fadeTo("medium", 0.7); 
 
    var img = new Image(); 
 
    img.onload = function() { 
 
        wrap.fadeTo("fast", 1); 
 
        wrap.find("img").attr("src", url); 
 
    }; 
 
    img.src = url;
	if(opis != ''){
		desc.css("display", "block");
		desc.text(opis);
	}else{
		desc.css("display","none");
	}	
 
	})
});


$(document).ready(function(){
	$(".image_wrap .desc").fadeTo("medium", 0.7);
	$("#slideshow").coinslider({ 
		width: 595,
		height: 322,
		navigation: false,
		links: false, 
		delay: 3500 
	});
	$(".gallery").scrollable({
		items:'.items',
		size: 5 
		}).circular().mousewheel();
	$('#main_slideshow_pictures').coinslider({ 
		width: 595,
		height: 322,
		navigation: false,
		links: false, 
		delay: 3500 
	});

});