var viewPort=null;
var zavesa=null;
var svetlo=null;

function kreirajZavesu(kontejner,transparentnost,boja,offsetGore,offsetLevo){

	if (kontejner==null){
	
		alert('Neispravan poziv funkcije, nepoznat prvi parametar.');
		return;
	}
	
	if(offsetLevo==null) offsetLevo=0;
	if(offsetGore==null) offsetGore=0;
	if(boja==null) boja='black';
	if(transparentnost==null) transparentnost=0.3;
	
	zavesa=kontejner;

	$(document.createElement('div')) 
		.width($('#'+kontejner).width()) 
		.height($('#'+kontejner).height()) 
		.css({backgroundColor:boja, opacity:transparentnost, position:'absolute',left:offsetLevo+'px', top:offsetGore+'px'}) 

		.prependTo($('#'+kontejner)); 

}

function kreirajViewPort(kontejner,shirina,visina,pozicijaLeft,pozicijaTop, boja,zIndex,id){
	
	if (kontejner==null || visina==null || shirina==null){
	
		alert('Neispravan poziv funkcije, prva tri parametra funkcije nisu opcioni, molimo unesite argumente.');
		return;
	}
	
	if(pozicijaLeft==null) pozicijaLeft=$('#'+kontejner).width()/2-shirina/2;
	if(pozicijaTop==null) pozicijaTop=$('#'+kontejner).height()/2-visina/2;
	if(boja==null) boja=$('#'+kontejner).css('background-color');
	if(zIndex==null) zIndex=1;
	if(id==null) id='viewPort';

	viewPort=id;
	
	$(document.createElement('div'))
		.attr('id',id)
		.width(shirina+'px')
		.height(visina+'px')
		.css('z-index',zIndex)
		.css('background',boja)
		.css('position','absolute')
		.css('left',pozicijaLeft+'px')
		.css('top',pozicijaTop+'px')
		.css('positino','absolute')
		.css('display','none')
		.css('overflow','hidden')
		.prependTo($('#'+kontejner));

}

function projekcija(sadrzhaj,animacija,brzina,animacija_brzina,animacija_alfaInc,animacija_stepen_transparentnosti){

	if (viewPort==null || sadrzhaj==null){
	
		alert('Greshka!');
		return;
	}
	
	if(brzina==null) brzina=300;
	$(sadrzhaj).children('.donjacrtashowCnt').append($(sadrzhaj).children('.donjacrtaclose').css('display','block'));
	$('#'+viewPort).html($(sadrzhaj).children('.donjacrtashowCnt').html());
	$('#'+zavesa).fadeIn(brzina);
	animiraj(animacija,animacija_brzina,animacija_alfaInc,animacija_stepen_transparentnosti);
}

function animiraj(animacija,brzina,alfaInc,stepen_transparentnosti){

	if(animacija==null){
		
		alert('Nedozvoljeno stanje animacije!');
		return;
	}
	if(brzina==null) brzina=10;
	if(stepen_transparentnosti==null) stepen_transparentnosti=0;
	if(alfaInc==null) alfaInc=0.033;
	
	$('#'+viewPort).css('display','block');
	var pozicija=$('#'+viewPort).position();
	
	var visina = $('#'+viewPort).height();
	var shirina = $('#'+viewPort).width();
	
	switch(animacija){

		case 1:
		
			$('#'+viewPort).height(1);
			$('#'+viewPort).width(1);

			animGoreLevo(visina,shirina,pozicija.left+shirina,pozicija.top+visina,brzina,stepen_transparentnosti,alfaInc);
			break;

		case 2:
			$('#'+viewPort).height(1);
			animaDole(visina,shirina,pozicija.left,pozicija.top+visina,brzina,stepen_transparentnosti,alfaInc);
			break;
			
		case 3:
			$('#'+viewPort).height(1);
			$('#'+viewPort).width(1);
			
			animDoleDesno(visina,shirina,pozicija.left-shirina,pozicija.top-visina,brzina,stepen_transparentnosti,alfaInc);	
			break;
			
		case 4:
			$('#'+viewPort).height(1);
			$('#'+viewPort).width(1);
			animDoleLevo(visina,shirina,pozicija.left+shirina,pozicija.top,brzina,stepen_transparentnosti,alfaInc);
			break;
			
		case 5:
			$('#'+viewPort).height(1);
			$('#'+viewPort).width(1);
			animGoreDesno(visina,shirina,pozicija.left+shirina,pozicija.top+visina,brzina,stepen_transparentnosti,alfaInc);
			break;
			
		case 6:
			$('#'+viewPort).width(1);
			animaLevo(visina,shirina,pozicija.left+shirina,pozicija.top+visina,brzina,stepen_transparentnosti,alfaInc);
			break;
			
		case 7:
			$('#'+viewPort).width(1);
			animaDesno(visina,shirina,pozicija.left,pozicija.top+visina,brzina,stepen_transparentnosti,alfaInc);
			break;
			
		case 8:
			$('#'+viewPort).height(1);
			animaGore(visina,shirina,pozicija.left,pozicija.top+visina,brzina,stepen_transparentnosti,alfaInc);
			break;
	}



}

function animGoreLevo(visina,shirina,left,top,brzina,transparentnost,stepen_transparencije){


	if($('#'+viewPort).width()>=shirina && $('#'+viewPort).height()>=visina) return;



	if($('#'+viewPort).width()<shirina) {
	
		$('#'+viewPort).width($('#'+viewPort).width()+brzina);


		left-=brzina;
		$('#'+viewPort).css('left',left+'px');
	}
	
	if($('#'+viewPort).height()<visina){
		$('#'+viewPort).height($('#'+viewPort).height()+brzina);
		top-=brzina;
		$('#'+viewPort).css('top',top+'px');
	}
	transparentnost+=stepen_transparencije;
	if($('#'+viewPort).css('-moz-opacity'))$('#'+viewPort).css('-moz-opacity',transparentnost); else $('#'+viewPort).css('opacity',transparentnost);
	setTimeout('animGoreLevo('+visina+','+shirina+','+left+','+top+','+brzina+','+transparentnost+','+stepen_transparencije+')',1);
	

}

function animaLevo(visina,shirina,left,top,brzina,transparentnost,stepen_transparencije){


	if($('#'+viewPort).width()>=shirina && $('#'+viewPort).height()>=visina) return;



	if($('#'+viewPort).width()<shirina) {
	
		$('#'+viewPort).width($('#'+viewPort).width()+brzina);


		left-=brzina;
		$('#'+viewPort).css('left',left+'px');
	}
	
	if($('#'+viewPort).height()<visina){
		$('#'+viewPort).height($('#'+viewPort).height()+brzina);
		top-=brzina;
		$('#'+viewPort).css('top',top+'px');
	}
	transparentnost+=stepen_transparencije;
	if($('#'+viewPort).css('-moz-opacity'))$('#'+viewPort).css('-moz-opacity',transparentnost); else $('#'+viewPort).css('opacity',transparentnost);
	setTimeout('animaLevo('+visina+','+shirina+','+left+','+top+','+brzina+','+transparentnost+','+stepen_transparencije+')',1);
	

}

function animaDesno(visina,shirina,left,top,brzina,transparentnost,stepen_transparencije){


	if($('#'+viewPort).width()>=shirina && $('#'+viewPort).height()>=visina) return;



	if($('#'+viewPort).width()<shirina) {
	
		$('#'+viewPort).width($('#'+viewPort).width()+brzina);

	}
	
	if($('#'+viewPort).height()<visina){
		$('#'+viewPort).height($('#'+viewPort).height()+brzina);

	}
	transparentnost+=stepen_transparencije;
	if($('#'+viewPort).css('-moz-opacity'))$('#'+viewPort).css('-moz-opacity',transparentnost); else $('#'+viewPort).css('opacity',transparentnost);
	setTimeout('animaDesno('+visina+','+shirina+','+left+','+top+','+brzina+','+transparentnost+','+stepen_transparencije+')',1);
	
}

function animaGore(visina,shirina,left,top,brzina,transparentnost,stepen_transparencije){


	if($('#'+viewPort).width()>=shirina && $('#'+viewPort).height()>=visina) return;



	if($('#'+viewPort).width()<shirina) {
	
		$('#'+viewPort).width($('#'+viewPort).width()+brzina);

	}
	
	if($('#'+viewPort).height()<visina){
		$('#'+viewPort).height($('#'+viewPort).height()+brzina);
		top-=brzina;
		$('#'+viewPort).css('top',top+'px');

	}
	
	transparentnost+=stepen_transparencije;
	if($('#'+viewPort).css('-moz-opacity'))$('#'+viewPort).css('-moz-opacity',transparentnost); else $('#'+viewPort).css('opacity',transparentnost);
	setTimeout('animaGore('+visina+','+shirina+','+left+','+top+','+brzina+','+transparentnost+','+stepen_transparencije+')',1);
	
}

function animaDole(visina,shirina,left,top,brzina,transparentnost,stepen_transparencije){


	if($('#'+viewPort).width()>=shirina && $('#'+viewPort).height()>=visina) return;



	if($('#'+viewPort).width()<shirina) {
	
		$('#'+viewPort).width($('#'+viewPort).width()+brzina);

	}
	
	if($('#'+viewPort).height()<visina){
		$('#'+viewPort).height($('#'+viewPort).height()+brzina);


	}
	
	transparentnost+=stepen_transparencije;
	if($('#'+viewPort).css('-moz-opacity'))$('#'+viewPort).css('-moz-opacity',transparentnost); else $('#'+viewPort).css('opacity',transparentnost);
	setTimeout('animaDole('+visina+','+shirina+','+left+','+top+','+brzina+','+transparentnost+','+stepen_transparencije+')',1);
	
}

function animGoreDesno(visina,shirina,left,top,brzina,transparentnost,stepen_transparencije){



	if($('#'+viewPort).width()>=shirina && $('#'+viewPort).height()>=visina) return;



	if($('#'+viewPort).width()<shirina) {
	
		$('#'+viewPort).width($('#'+viewPort).width()+brzina);

	}
	
	if($('#'+viewPort).height()<visina){
		$('#'+viewPort).height($('#'+viewPort).height()+brzina);
		top-=brzina;
		$('#'+viewPort).css('top',top+'px');
	}
	
	transparentnost+=stepen_transparencije;
	if($('#'+viewPort).css('-moz-opacity'))$('#'+viewPort).css('-moz-opacity',transparentnost); else $('#'+viewPort).css('opacity',transparentnost);
	setTimeout('animGoreDesno('+visina+','+shirina+','+left+','+top+','+brzina+','+transparentnost+','+stepen_transparencije+')',1);
	

}

function animDoleDesno(visina,shirina,left,top,brzina,transparentnost,stepen_transparencije){


	if($('#'+viewPort).width()>=shirina && $('#'+viewPort).height()>=visina) return;



	if($('#'+viewPort).width()<shirina) {
	
		$('#'+viewPort).width($('#'+viewPort).width()+brzina);

	}
	
	if($('#'+viewPort).height()<visina){
		$('#'+viewPort).height($('#'+viewPort).height()+brzina);

	}
	
	transparentnost+=stepen_transparencije;
	if($('#'+viewPort).css('-moz-opacity'))$('#'+viewPort).css('-moz-opacity',transparentnost); else $('#'+viewPort).css('opacity',transparentnost);
	setTimeout('animDoleDesno('+visina+','+shirina+','+left+','+top+','+brzina+','+transparentnost+','+stepen_transparencije+')',1);
	

}

function animDoleLevo(visina,shirina,left,top,brzina,transparentnost,stepen_transparencije){


	if($('#'+viewPort).width()>=shirina && $('#'+viewPort).height()>=visina) return;



	if($('#'+viewPort).width()<shirina) {
	
		$('#'+viewPort).width($('#'+viewPort).width()+brzina);
		left-=brzina;
		$('#'+viewPort).css('left',left+'px');
	}
	
	if($('#'+viewPort).height()<visina){
		$('#'+viewPort).height($('#'+viewPort).height()+brzina);

	}
	
	transparentnost+=stepen_transparencije;
	if($('#'+viewPort).css('-moz-opacity'))$('#'+viewPort).css('-moz-opacity',transparentnost); else $('#'+viewPort).css('opacity',transparentnost);
	setTimeout('animDoleLevo('+visina+','+shirina+','+left+','+top+','+brzina+','+transparentnost+','+stepen_transparencije+')',1);
	


}

function inicirajZavesu(kontejner,id){

	if(kontejner==null) {
	
		alert('Greshka!');
		return;
		
	}
	
	if(id==null) id='svetlo';
	
	svetlo=id;
	
	pozicija=$('#'+kontejner).position();
	
	$(document.createElement('div')) 
		.attr('id',svetlo)
		.width($('#'+kontejner).width()) 
		.height($('#'+kontejner).height()) 
		.css({position:'absolute', display: 'none',left:pozicija.left+'px', top:pozicija.top+'px'}) 
		.appendTo($(document)); 


}

function sakrijZavesu(brzina,stepen_transparencije,transparentnost){

	if($('#'+viewPort).css('-moz-opacity')) {
		if($('#'+viewPort).css('-moz-opacity')<1) return;
	}
	else{
		if($('#'+viewPort).css('opacity')<1) return;
	}

	if(brzina==null || stepen_transparencije==null) {
		
		alert('Molim navedite prva dva argumenta funkcije');
	
		return;
	}
	
	if(transparentnost<=0) {
		$('#'+zavesa).css('display','none');
		if($('#'+zavesa).css('-moz-opacity'))$('#'+zavesa).css('-moz-opacity',1); else $('#'+zavesa).css('opacity',1);
		return;
	}
	if(transparentnost==null) transparentnost=1.0;
	
	transparentnost-=stepen_transparencije;

	if($('#'+zavesa).css('-moz-opacity'))$('#'+zavesa).css('-moz-opacity',transparentnost); else $('#'+zavesa).css('opacity',transparentnost);
	setTimeout('sakrijZavesu('+brzina+','+stepen_transparencije+','+transparentnost+')',brzina);
	

}