var count;
  var number_img;

  function randomImg(img,number) {

    if (number) number_img = number;

    if(count==number_img) img = 0;

    count = img + 1;

    for (i=0;i<number_img;i++) {
      var hideId = '#pro-'+i+'-img';
      $(hideId).hide();
    }

    var showId = '#pro-'+img+'-img';
    $(showId).show();

     setTimeout('randomImg(count);',3000);
  }



  $(document).ready(function(){
    
      adjustScreenRes();

      var branch;
      if ($("#branch-marker").hasClass("branch-1")) branch = 1;
      if ($("#branch-marker").hasClass("branch-2")) branch = 2;
      if ($("#branch-marker").hasClass("branch-3")) branch = 3;
      if ($("#branch-marker").hasClass("branch-4")) branch = 4;

       //mainnavi

       $("#navi").find(".sublist").each(function(i) {
        if(!$(this).hasClass('current-sublist')){
          $(this).hide();
        }

       });


       //show subnavi of active branch onload
       var showActiveBranch = '#navi-'+branch+'-sub';

       $(showActiveBranch).show();

       $("#navi-inner").find(".btn-con").each(function(i) {
         $(this).hover(
            function () {

              //hide all
              $('#navi-1-sub').hide();
              $('#navi-2-sub').hide();
              $('#navi-3-sub').hide();
              $('#navi-4-sub').hide();

              //show active
              var listId = '#'+this.id+'-sub';
              $(listId).show();
              $(listId).addClass('active');

              //show active branch if not 1 and 4 involved -> same pos gotta change
              if ((branch == 4 && this.id == 'navi-1') || (branch == 1 && this.id == 'navi-4')) {
                // do nothing
              } else {
                var listId = '#navi-'+branch+'-sub';
                $(listId).show();
              }
            },
            function () {
               //hide all
              $('#navi-1-sub').hide();
              $('#navi-2-sub').hide();
              $('#navi-3-sub').hide();
              $('#navi-4-sub').hide();

              //show active branch
              var listId = '#navi-'+branch+'-sub';
              $(listId).show();
            }
          );

          var listId = '#'+this.id+'-sub';
          var boxId = '#'+this.id;
          $(listId).hover(

            function () {

              //hide all
              $('#navi-1-sub').hide();
              $('#navi-2-sub').hide();
              $('#navi-3-sub').hide();
              $('#navi-4-sub').hide();

              //show active
              $(this).show();
              $(boxId+' a').addClass('active');

              var activeNavitem = '#'+(this.id).substr(0, 6);
              $(activeNavitem).addClass('active');

              //show active branch if not 1 and 4 involved -> same pos gotta change
               if ((branch == 4 && this.id == 'navi-1-sub') || (branch == 1 && this.id == 'navi-4-sub')) {
                // do nothing
              } else {
                var listId = '#navi-'+branch+'-sub';
                $(listId).show();
              }


            },
            function () {

               //hide all
              $('#navi-1-sub').hide();
              $('#navi-2-sub').hide();
              $('#navi-3-sub').hide();
              $('#navi-4-sub').hide();

              var activeNavitem = '#'+(this.id).substr(0, 6);
              $(activeNavitem).removeClass('active');

              //show active branch
              var listId = '#navi-'+branch+'-sub';
              $(listId).show();

            }
          );
       });


       // projectimg-navi
       $("#content-navi-1").find(".btn-con").each(function(i) {

          $(this).hover(

            function () {

              var listId = '#'+this.id+'-img';
              var listIdTrigger = '#'+this.id;
              var proImgs = $('.pro-img');
              //hide all
              for (var i=0; i<proImgs.length; i++) {
                var listIdHide = '#pro-'+i+'-img';
          		  $(listIdHide).hide();
          		  var listIdTriggerHide = '#pro-'+i;
          		  $(listIdTriggerHide).removeClass('current');
          		}

              $(listId).show();
              $(listIdTrigger).addClass('current');
              },

            function () { }

          );
       });


       //stratas subnavi
        $("#stratas-navi").find(".btn-con").each(function(i) {

          $(this).hover(

            function () {

              var listId = '#'+this.id+'-txt';
              var listIdTrigger = '#'+this.id;

              //hide all
              for (var i=0; i<5; i++) {
                var listIdHide = '#stratas-'+i+'-txt';
          		  $(listIdHide).hide();
          		  var listIdTriggerHide = '#stratas-'+i;
          		  $(listIdTriggerHide).removeClass('current');
          		}


              $(listId).show();
              $(listIdTrigger).addClass('current');
              },

            function () { }

          );
       });


     });




  sfHover = function() {
    // sfhover vlasses arent in use, just need a 'grap' for ie6
  	var sfEls = $('.sfhovers a');
    //alert(sfEls.length);

  	for (var i=0; i<sfEls.length; i++) {
  		sfEls[i].onmouseover=function() {
  			this.className+=" sfhover";
  		}
  		sfEls[i].onmouseout=function() {
  			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
  		}
  	}
  }
  if (window.attachEvent) window.attachEvent("onload", sfHover);

  

  adjustScreenRes = function() {

    //alert(screen.width +' ' +screen.height);
    if (screen.width < 1280 && screen.height < 1024){
      $('#wrapper').addClass('lowres-adjust');
    }
    
  }