$(document).ready(
  	function() {
  
  	porfolioGroup();
    
  });
  /// конец dom загрузки -----------------------------------

  
  function porfolioGroup() 
  {
  	Zindex();
  	$('div.portfolio_nav div.nav_link a').live('click',
  		function(){
  			var link = $(this).attr('href');
  			hidePortfolio(link);
  			return false;
  		}
  	);
  }
  
  function Zindex() 
  {
  	var obj = $('div.portfolio_prev div.item');
  	obj.click(
  		function(){
  			obj.css('zIndex', '1');
  			$(this).css('zIndex', '10');
  		}	
  	);
  }
  
  function hidePortfolio(link)
  {
    $('div.portfolio_prev div.item').animate({top: '26px', left: '49px'}, 500);
    setTimeout( function() {
      $('div.portfolio_prev').animate( { 'opacity': '0' }, 500, function(){ getContent(link); });
    }, 500);
  }
  
  function showPortfolio()
  {
  	$('div.portfolio_prev').animate( { 'opacity': '1' }, 500);
  	setTimeout( function() {
  		$('div.portfolio_prev div.item_01').animate({left: '0px', top: '53px'}, 500);
  		$('div.portfolio_prev div.item_02').animate({left: '98px', top: '0px'}, 500);
  	}, 500);
  }
  
  // загрузка данных
  function getContent(link)
  { 
    var progress = $('div.preloader');
    progress.css('display', 'block');
    
  	$.get('tml/portfolio.php/'+link, false,
  	function(json) {
      var imgUrl = '/img/portfolio/'+json['name']+'/sm-02.jpg';
    	var data = '<h3><a href="portfolio/'+json['name']+'">'+json['title']+'</a></h3><div class="date">'+json['date']+'</div><div class="link"><a class="new_win_ico" target="_blank" title="Открыть в новом окне" href="http://'+json['link']+'">'+json['link']+'</a></div><div class="text">'+json['text']+'</div>';
  
      var imgPreloader = new Image();
      imgPreloader.onload = function()
      {
        imgPreloader.onload = null;
        //var imageWidth = imgPreloader.width;
        //var imageHeight = imgPreloader.height;

        // вставка данных
        //$('div.item_01 img').attr('src', '/img/portfolio/'+json['name']+'/sm-01.jpg');
        //$('div.item_02 img').attr('src', '/img/portfolio/'+json['name']+'/sm-02.jpg');
        
        $('div.item_01').html('<div class="holder"><img height="250" width="400" alt="" src="/img/portfolio/'+json['name']+'/sm-01.jpg" /></div>');
        $('div.item_02').html('<div class="holder"><img height="250" width="400" alt="" src="/img/portfolio/'+json['name']+'/sm-02.jpg" /></div>').css('z-index', '10'); 
        
        $('div.portfolio_info').html(data);
        $('td.td_item_prev').html(json['prev']);
        $('td.td_item_next').html(json['next']);
        
        setTimeout(function(){
          progress.css('display', 'none');
          showPortfolio();
        }, 1000);
      
      }
      imgPreloader.src = imgUrl; // объявляется после функции
  		
  	}, 'json');
  }
  
  function setImage(link)
  {
  	var imgUrl = link;
  	// загрузка изображения
  	var imgPreloader = new Image();
  	imgPreloader.onload = function() {
  		imgPreloader.onload = null;
  		var imageWidth = imgPreloader.width;
  		var imageHeight = imgPreloader.height;
  		
  		showPortfolio();
  		porfolioGroup();
  		//alert(1);
  		return false;
  		//вставка изображений
  	}
  	imgPreloader.src = imgUrl; // !обязательно после функции
  }
  
  function portfolioKey(event)
  {
    if (window.event) event = window.event;
    if (event.ctrlKey) { // с доп. клавишей CTRL event.ctrlKey
      switch (event.keyCode ? event.keyCode : event.which ? event.which : null) {
        case 0x25: //лево
          $('div.item_prev a').click();
          break;
        case 0x27: //право
          $('div.item_next a').click();
          break;
      }
    } 
  }