var top = '<b class="lt cor">&nbsp;</b><b class="rt cor">&nbsp;</b>';
 var bot = '<b class="lb cor">&nbsp;</b><b class="rb cor">&nbsp;</b>';
 var cor_b = '<div class="cor_box"></div>';

$(window).bind('load', function(){
  //$('.port_preload').hide();
});

$(function(){

var url = this.location.href; 
var tabid = url.indexOf('#'); 
var tab = url.substr(tabid+1);
var num;

var opts = {align: 'middle', size: 70, distanse: 150, duration: 600, coefficient: 1.5, labels: 'bc'};
$('.prev').jqDock(opts);

$('.tabs > ul').tabs();

if ((tabid != -1) && (tab)) {
    $('.serv_cont').each(function(n) {
      $(this).find('.port_cont').each(function(i) {
          var cur = $(this).attr('id');
          if (cur == tab) num = n; 
      });
    });
}

/*
$('div.tabs').each(function () { var tabContainers = $('> div', this); var tabs = $('> ul.tabNavigation li a', this);

$('ul.tabNavigation a', this).click(function () {
  tabContainers.hide().filter(this.hash).show();

  tabs.removeClass('selected');
  $(this).addClass('selected');

  return false;
}).filter(':first').click();
}); 
*/

$('#tabs_serv > ul').tabs('select', num);

$('#tabs_serv > ul li:last').addClass('last');
$('.head_left > ul li:last').addClass('last');
$('#ban > ul li:last').addClass('last');

$('.pr_tabs > ul').tabs({
load: function(ui) {
alert('load!');}
});

/*$('.prev').wrap(cor_b);
$('.cor_box').prepend(top + bot);*/

/*--------------------*/

$('.scr_img img:first-child').addClass('first_scr').addClass('screen'); 
$('.scr_img img:last-child').addClass('last_scr');
$('.left_arr').children('b').addClass('off');
$('.rig_arr').children('b').addClass('on');

/*----------*/

$('.port_cont').each( function() {

  var many = false;

  $(this).find('img').each(function() {
    if ( ($(this).is('.first_scr')) && ($(this).is('.last_scr')) ) many = false; else many = true;
  });
  if (!many) $(this).find('.rig_arr').children('b').addClass('off').removeClass('on'); 

  $(this).find('.left_arr').click( function() {
  if (many) {
      var cur = $(this).parent('p').parent('.scr_wrap').children('.scr_img').children('.screen'); //remember active picture
      if ($(cur).is('.last_scr')) {
      $(this).parent('p').children('.rig_arr').children('b').removeClass('off').addClass('on');
      }
      if ($(cur).is('.first_scr')) {
      } else {
      $(cur).removeClass('screen');
      $(this).children('b').removeClass('off').addClass('on');
      }
      if ($(cur).prev().is('.first_scr')){//off this link, if prev is the first picture
      $(this).children('b').removeClass('on').addClass('off');
      }
      $(cur).prev().addClass('screen');//display new picture
      } 
      return false;
  });

  $(this).find('.rig_arr').click( function() {
  if (many) {
      var cur = $(this).parent('p').parent('.scr_wrap').children('.scr_img').children('.screen');
      if ($(cur).is('.first_scr')) {
      $(this).parent().children('.left_arr').children().removeClass('off').addClass('on');
      }
      if ($(cur).is('.last_scr')) {
      } else {
      $(cur).removeClass('screen');
      $(this).children('b').removeClass('off').addClass('on');
      }
      if ($(cur).next().is('.last_scr')){//off this link, if next is the last picture
      $(this).children('b').removeClass('on').addClass('off');
      }
      $(cur).next().addClass('screen');//display new picture
      } 
      return false;
  });
});

/*-------------*/

var scr_no = false;

function scrollAnchor(anchor) {
	scr_no = true;
    var coor = $(anchor).offset().top - 10;
    $("html, body").animate({scrollTop: coor}, 1000, function() {scr_no = false;} );
	//
}

$('.left_col .hover_it').each( function() {
    var cur = $(this).attr('id');
    var text = $('.right_col .hover_it');
    $(this).hover( function() {
		if (!scr_no) {
        $(text).siblings("." + cur).addClass('highlight');
        $(this).addClass('highlight');
        $(text).siblings('.activ_hover').removeClass('activ_hover');
		}
    }, function () {
        $(text).siblings("." + cur).removeClass('highlight');
        $(this).removeClass('highlight');
    });
    $("#" + cur).find('a').click( function(e) {
      var $name = $(text).siblings("." + cur);
      scrollAnchor($name);
      $(text).siblings("." + cur).addClass('activ_hover');
      e.preventDefault();
    });

});

$('#ban li').hover( function() {
  $(this).prev().addClass('last');
}, function () {
  $(this).prev().removeClass('last'); 
});

$('#main').pngFix( { blankgif:'/img/blank.gif' } );

/*-------------*/

function getClientWidth()
{return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;}
function getClientHeight()
{return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;}

var win = getClientHeight();
var win2 = document.body.offsetHeight;
var c = $('#container').height();

if (win == c) {
  var m = $('#main').height();
  var f = $('#footer').height();
  var h = $('#header').height();
  var tot = c - (f + h) - m;
  if ((tot % 2) == 1) {tot = tot - 1;}
  var out = (tot / 2) + "px 0px !important"
  $('.center').css("margin", out);
}
/*--------------*/

 // $('.port_preload').show();
 // $('.serv_preload').show();
  $('.cor_box').show();
/*--------------*/



/*------------*/
});
