/**
 * Gallery
 *
 * JavaScript for gallery
 */
var url = document.location.toString() ; //url
var e_url = '' ; //edited url
var p = 0 ; //position
var p2 = 0 ;//position 2
p = url.indexOf("//") ;
e_url = url.substring(p+2) ;
p2 = e_url.indexOf("/") ;
var root_url = url.substring(0,p+p2+3);

// I thin this isn't working but don't know why
$(document).ready(function(){
	var images = [];
	$('.gallery .items img').each(function(){
		images.push(root_url+$(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[4].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: 5 
		}).circular().mousewheel();
		
	$('#main_slideshow_pictures').coinslider({ 
		width: 824,
		height: 337,
		navigation: false,
		links: false, 
		delay: 3500,
		spw: 5,
		sph: 3,
		sDelay: 150
	});
});