/**
 * Gallery
 *
 * JavaScript for gallery
 */

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

	var img = new Array();
	for (var i = 0; i<images.length; i++) {
		img[i] = new Image();
		img[i].src = images[i];
		//document.write(arguments[i]);
		//alert(arguments[i]);
	}

});

$(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[alt='" + url + "']");
	imgOld = imgOld.next().attr("src").replace("thumb_","");	

	var opis = $(this).parent().next().find("img[alt='" + url + "']");
	opis = opis.next().attr("title");

 	url = imgOld;

    var wrap = $(this).parent().fadeTo("medium", 0.9);
	var desc = $(this).parent().children('.desc');
 
    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);
		desc.fadeTo("fast", 0.7);
	}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.9);
	var desc = $(this).parent().parent().prev().children('.desc');
	
    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);
		desc.fadeTo("fast", 0.7);
	}else{
		desc.css("display","none");
	}	
 
	})
});


$(document).ready(function(){
	
	$(".gallerySlideshow").cycle();
	
	$(".gallery").scrollable({
		items:'.items',
		size: 6 
		}).circular().mousewheel();
		
	$('#main_slideshow_pictures').coinslider({ 
		width: 595,
		height: 322,
		navigation: false,
		links: false, 
		delay: 3500 
	});
	
	$('#galleryButton').click(function(){
		document.location.href = 'http://www.tocroatia.net/gallery/'+$('#galleries_select').val();
	});

});