// JavaScript Document

//nastavim zadnjo velikost okna (za optimizacijo)
var lastWidth = $(window).width();

//meje za spreminjanje classa headerja
var limit1 = 1000; //večja meja
var limit2 = 760; //manjša meja
var limitH1 = 1000; //večja meja header
var limitH2 = 720; //manjša meja header

$(document).ready(function(){
	lastWidth = $(window).width();
	resizeWrapper(lastWidth, limit1, limit2, limitH1, limitH2);
	
	//prva nastavitev classa
	if ($(window).width() < limitH2) {
		switchClass(1);
	} else if ($(window).width() < limitH1 && $(window).width() > limitH2) {
		switchClass(2);
	} else if ($(window).width() > limitH1) {
		switchClass(3);
	}

	$(window).resize(function(e) {
		resizeWrapper(lastWidth, limit1, limit2, limitH1, limitH2);
		lastWidth = $(window).width();
    });	
	
	
	$(function () {
		// Image Sources
		var images = [
		'reference/googy.jpg',
		'reference/eliksir.jpg',
		'reference/broaster.jpg',
		'reference/krogsonca.jpg',
		'reference/vespa.jpg',
		'reference/gilera.jpg',
		'reference/pvg.jpg',
		'reference/derbi.jpg',
		'reference/piaggio.jpg',
		'reference/elektroncek.jpg',
		'reference/termodom.jpg',
		'reference/kerroom.jpg',
		'reference/ksk.jpg',
		'reference/mis.jpg',
		'reference/lepena.jpg',
		'reference/ninart.jpg',
		'reference/adamravbar.jpg',
		'reference/trzin.jpg',
		'reference/enzo.jpg',
		'reference/omikron.jpg',
		'reference/u3nek.jpg',
		'reference/mypower.jpg',
		'reference/batana.jpg',
		'reference/legra.jpg',
		'reference/lagoja.jpg',
		'reference/markoviccas.jpg',
		'reference/mspro.jpg',
		'reference/osolnik.jpg',
		'reference/odnos.jpg',
		'reference/laznik.jpg',
		'reference/rupena.jpg'];
		
		var max = $(images).length;
		
		//alert($('.item').get(0));
		
		if(max > 0) {
			// create the UL element
			//var ul = $('<div id="portfolio"></div>');
			// append to div#wrapper
			//$(ul).appendTo($('#wrapper'));
			// load the first image
			LoadImage(0, max);
		}
	
		// function of loading image
		// params: (int) index of image in array, (int) length of images array
		function LoadImage(index, max) {
			// if current index is lower then max element (max-1)
			if(index < max) {
				// create the LI, add loading class
				//var trueIndex = index + 1;
				//var btn = $('.item').get(index);//$('<div id="portfolio_'+index+'"></div>').attr('class','loading');
				
				var itemHolder = $('.item');
				//alert(itemHolder);
				$(itemHolder[index]).fadeIn('fast');
				
				/*if (index == 0)
					alert(itemHolder);*/
					
				//$('.item .itemImg').get(0);
				
				var imgHolder = $('.item .itemImg');
				
				//alert(imgHolder.html());
				//$('div#portfolio').append(list);
				
				//var curr = $("div#portfolio div#portfolio_" + index);
				
				var img = new Image();
				// image onload
				$(img).load(function () {
					$(this).css('display','none'); // since .hide() failed in safari
					$(imgHolder[index]).append(this);//.removeClass('loading').append(this);
					$(this).fadeIn('fast',function(){
						// once the current loaded, trigger the next image
						LoadImage(index+1,max);
					});
				}).error(function () {
					// on error remove current
					//$(curr).remove();
					// trigger the next image
					$(itemHolder[index]).fadeOut('fast');
					LoadImage(index+1, max);
				}).attr('src', images[index]);
			}
		}

	});
	
});

//funkcija za spreminjanje wrapperja
//lastWidth je zadnja prejšnja širina okna
function resizeWrapper(lastWidth, limit1, limit2, limitH1, limitH2) {
	wItem = 240;
	
	//izračuna velikost wrapperja
	if ($(window).width() < limit2) {
		wWrapper = Math.floor(($(window).width()) / wItem) * wItem;
		//wWrapper = 720;
		$("#wrapper").css("padding", "0 0 30px 0");
	} else {
		wWrapper = Math.floor(($(window).width()-40) / wItem) * wItem;
		$("#wrapper").css("padding", "0 20px 30px 20px");
	}
	
	//ugotovi na kateri class naj nastavi header
	if ($(window).width() < limitH2 && lastWidth > limitH2) {
		switchClass(1);
	} else if ($(window).width() < limitH1 && $(window).width() > limitH2 && (lastWidth > limitH1 || lastWidth < limitH2)) {
		switchClass(2);
	} else if ($(window).width() > limitH1 && lastWidth < limitH1) {
		switchClass(3);
	}
	
	//nastavi velikost wrapperja
	$("#wrapper").css("width", wWrapper);
}


//funkcija ki menja class na headerju
function switchClass(classNo) {
	switch(classNo) {
		case 1:
			$("#wrapper #header").removeClass("head1 head2 head3").addClass("head1");
		break;
		case 2:
			$("#wrapper #header").removeClass("head1 head2 head3").addClass("head2");
		break;
		case 3:
			$("#wrapper #header").removeClass("head1 head2 head3").addClass("head3");
		break;
	}
}


$(document).ready(function(){
    $('.copy a').hover(function(){
        $(this).css('border-bottom', '1px solid #00aeef');
    }, function(){
        $(this).css('border-bottom', 'none');
    });
});