//<![CDATA[
$(document).ready(function() { 

	/*
	//prave tlacitko
	$('img').bind("contextmenu",function(e){
              return false;
       });
       */

	
	/*efekt sipky pri menu*/
	$('#menu li a').mouseover(function(){
		
		if($(this).parent().parent().attr('id') == 'menu')
		{
			var left_pos = '122px';
		}
		
		if($(this).parent().parent().attr('id') == 'submenu')
		{
			var left_pos = '182px';
		}
		
		
		$(this).parent().append('<img style="display:none; width:12px; height:9px; position:absolute; left:'+left_pos+'; top:3px;" class="arrow" src="/layout/arrow-right.gif" />');
		$(this).parent().find('.arrow').show('slide',{direction: 'left'},300);
	})
	
	$('#menu li a').mouseout(function(){
		$(this).parent().find('.arrow').remove();
		$(this).find('.arrow').hide('slide',{direction: 'left'},200,function(){$(this).remove()});
	})
	
	
	/*efekt sipky pri submenu projektov*/
	$('.projects li a').mouseover(function(){

		if($(this).parent().attr('class') != 'active')
		{
			$(this).parent().append('<img style="display:block; width:12px; height:9px; position:absolute; left:-20px; top:8px;margin:0;" class="arrow" src="/layout/arrow-right.gif" />');
			$(this).parent().find('.arrow').show('slide',{direction: 'left'},300);
		}
		
	})
	
	$('.projects li a').mouseout(function(){
		$(this).parent().find('.arrow').remove();
		//$(this).find('.arrow').hide('slide',{direction: 'left'},200,function(){$(this).remove()});
	})
	
	/* People */
	//$('#people-cnt div.active').fadeIn(1200);
	
	
	
	/*zobrazenie hlavneho obrazku*/
	//$('#main_image').hide('highlight',{color: '#ffffff'},1400);
	//$('#main_image').show('slide',{direction: 'right'},700);
	//$('#main_image').show('highlight',{color: '#ffffff'},1400);
	$('#main_image').fadeIn(1400);
	$('#home_main_image').fadeIn(1400);
	

	
	$('#links-cnt ul:first').show('clip',700);
	$('#links-cnt ul:first').attr('class','active');
	
	$('.links li a').click(function(){
		var tab_collection = $(this).parent().parent().find('li');
		
		
		//nastavim kliknuty ako aktualny
		tab_collection.attr('class','');
		$(this).parent().attr('class','active');

		//ziskam  poziciu kliknuteho tabu
		var active_index = tab_collection.index($(this).parent());
		
		//skryjem aktualne zobrazeny
		$('#links-cnt ul.active').hide(
				'slide',
				{direction: 'down'},
				400,
				function(){
					$($('#links-cnt ul').get(active_index)).attr('class','active');
					$($('#links-cnt ul').get(active_index)).show('slide', {
						direction: 'down'
					}, 500)
				}
			);
		$('#links-cnt ul.active').attr('class','');
		return false;
	})
	
	$('#links-cnt a').click(function(){
		window.open($(this).attr('href'),'blank');
		return false;
	})
	

	/*projekty*/
	//$('#project-detail img:first').show('slide',{direction: 'up'},400,createImageNav());
	$('#project-detail img:first').fadeIn(1400,createImageNav());
	//$('#project-detail img:first').attr('class','active');
	
	 
	
	function createImageNav()
	{
		var img_count = $('#project-detail img').size();
		var span_width = Math.floor((680-img_count)/img_count);
		var thumb_height = Math.floor(386/img_count);
		var thumb_top = 537-thumb_height;

		$('#project-detail img').each(function(i){
			
			var span_class = 'img'+i;
			$('#img-nav').append('<span class="'+span_class+'"></span>');	
			$('#img-nav .img'+i).css('width',span_width+'px')
			$('#img-nav .img'+i).show('clip',{direction: 'left'},700);
			
			var img_src = $(this).attr('src');
			var img_left_pos = (i*(span_width+1));
			
			$('#img-nav-thumb').css('top',thumb_top+'px');
			$('#img-nav-thumb').css('height',thumb_height+'px');
			
			$('#img-nav-thumb').append('<img class="thumb'+i+'" style="position:absolute; top:0; left:'+img_left_pos+'px; width:'+span_width+'px; height:'+thumb_height+'px" src="'+img_src+'" />');

			$('#img-nav .img'+i).mouseover(function(){
				$(this).css('background','black');
				$(this).css('height','20px');
				//$('#img-nav-thumb .thumb'+i).css('width','400px');
				//$('#img-nav-thumb .thumb'+i).css('height','200px');
				$('#img-nav-thumb .thumb'+i).show('slide',{direction: 'down'},700);
				//$('#img-nav-thumb .thumb'+i).slideDown();
			})
			
			
			$('#img-nav .img'+i).mouseout(function(){
				$(this).css('background','#d7d7d7');
				$(this).css('height','10px');
				$('#img-nav-thumb .thumb'+i).hide('slide',{direction: 'down'},700);
				//$('#img-nav-thumb .thumb'+i).slideUp();
			})
			
			$('#img-nav .img'+i).click(function(){
				
				
				/*
				$('#project-detail img.active').hide('slide',{direction: 'down'},500,
				function(){
					$('#detail-img'+i).show('slide',{direction: 'down'},500);
					
				});
				*/
				$('#project-detail img.active').fadeOut(600,
				function(){
					$('#detail-img'+i).fadeIn(600);
					
				});
				
				
				
				$('#project-detail img.active').attr('class','');
				
				
				$('#detail-img'+i).attr('class','active');
			})
			
		});
		
		
		$('#project-detail .expand').click(function(){expandDesc(this);});

		function expandDesc(elem)
		{
			$('#project-detail .desc').slideDown();
			$(elem).attr('class','fold');
			$(elem).html('<span class="sk">Zbaliť</span> | <span class="en">Fold</span>');
			$(elem).unbind();
			$(elem).click(function(){foldDesc(this)});
		}
		
		function foldDesc(elem)
		{
			$('#project-detail .desc').slideUp();
			$(elem).attr('class','expand');
			$(elem).html('<span class="sk">Viac</span> | <span class="en">More</span>');
			$(elem).unbind();
			$(elem).click(function(){expandDesc(this)});
		}
	}
	

});
//]]>