//slide bilder
var $rndimg=new Array(
  //home slider
  new Array('startseite/sstart_0000_kathrin_heubeck_logo.jpg','javascript:load_slide(1)','startseite/sstart_0001_Hetkamp_imagefilm.jpg','javascript:load_slide(2)','startseite/sstart_0002_annual_multimedia_cover.jpg','javascript:load_slide(3)','startseite/sstart_0003_walhalla_verlag_website.jpg','javascript:load_slide(4)','startseite/sstart_0004_Hetkamp_kundenmagazin.jpg','javascript:load_slide(5)','startseite/sstart_0005_barbara_lohmann_website.jpg','javascript:load_slide(6)'),
  //popup slider
  
   //1 Kathrin Heubeck Logo
  new Array('Kathrin Heubeck Bags NYC','Logo Entwicklung','','',' ','kathrin_heubeck/_0003_p.jpg','','kathrin_heubeck/_0001_p.jpg','','kathrin_heubeck/_0002_p.jpg','','kathrin_heubeck/_0000_p.jpg','','kathrin_heubeck/_0004_p.jpg','','kathrin_heubeck/_0005_p.jpg','','kathrin_heubeck/_0006_p.jpg','','kathrin_heubeck/_0007_p.jpg',''),
  
  //2 Hetkamp Video
  new Array('Hetkamp Einrichtung und Mode','Imagefilm','','',' ','hetkamp_video/_0000_p.jpg','javascript:load_video(\'http://player.vimeo.com/video/18418418?title=0&byline=0&portrait=0&color=ffffff&autoplay=true\')'),
 
 //3 Annual Multimedia Buchcover 2010
new Array('Annual Multimedia 2011','Buchcover Gestaltung','','',' ','annual_multimedia2011_cover/_0000_p.jpg','','annual_multimedia2011_cover/_0001_p.jpg','','annual_multimedia2011_cover/_0002_p.jpg','','annual_multimedia2011_cover/_0003_p.jpg','','annual_multimedia2011_cover/_0004_p.jpg','','annual_multimedia2011_cover/_0005_p.jpg','','annual_multimedia2011_cover/_0006_p.jpg','','annual_multimedia2011_cover/_0007_p.jpg',''), 

   //4 Walhalla Website
  new Array('Walhalla Fachverlag','Website Redesign/ Frontend Entwicklung','','',' ','walhalla_website/_0000_p.jpg','','walhalla_website/_0001_p.jpg','','walhalla_website/_0002_p.jpg','','walhalla_website/_0003_p.jpg',''),
  
  
  //5 Hetkamp Kundenmagazin
  new Array('Hetkamp Einrichtung und Mode','Kundenmagazin','','',' ','hetkamp_kundenmagazin/_0000_p.jpg','','hetkamp_kundenmagazin/_0001_p.jpg','','hetkamp_kundenmagazin/_0002_p.jpg','','hetkamp_kundenmagazin/_0003_p.jpg','','hetkamp_kundenmagazin/_0004_p.jpg','','hetkamp_kundenmagazin/_0005_p.jpg','','hetkamp_kundenmagazin/_0006_p.jpg','','hetkamp_kundenmagazin/_0007_p.jpg','','hetkamp_kundenmagazin/_0008_p.jpg','','hetkamp_kundenmagazin/_0009_p.jpg','','hetkamp_kundenmagazin/_0010_p.jpg',''),


  //6 Barbara Lohmann Website
  new Array('Barbara Lohmann','Website Relaunch','','',' ','barbara_lohmann_website/_0000_p.jpg','','barbara_lohmann_website/_0001_p.jpg','','barbara_lohmann_website/_0002_p.jpg','','barbara_lohmann_website/_0003_p.jpg','','barbara_lohmann_website/_0004_p.jpg','','barbara_lohmann_website/_0005_p.jpg','','barbara_lohmann_website/_0006_p.jpg','','barbara_lohmann_website/_0007_p.jpg',''),


  //7 Barbara Lohmann Video
   new Array('Barbara Lohmann','"Making of" Video','','',' ','barbara_lohmann_video/_0000_p.jpg','javascript:load_video(\'http://player.vimeo.com/video/18420586?title=0&byline=0&portrait=0&color=ffffff&autoplay=true\')'),
   
      //8 Hetkamp Website
  new Array('Hetkamp Einrichtung und Mode','Website','','',' ','hetkamp_website/_0000_p.jpg','','hetkamp_website/_0001_p.jpg','','hetkamp_website/_0002_p.jpg','','hetkamp_website/_0003_p.jpg',''),


   //9 Derovis Logo
  new Array('Derovis','Logo Entwicklung','','',' ','derovis_logo/_0000_p.jpg','','derovis_logo/_0001_p.jpg','','derovis_logo/_0002_p.jpg','','derovis_logo/_0003_p.jpg','','derovis_logo/_0004_p.jpg','','derovis_logo/_0005_p.jpg',''),
  
     //10 Annual Multimedia 2010
  new Array('Annual Multimedia 2010','Buchcover Gestaltung/ Microsite','','',' ','annual_multimedia2010_cover_site/_0000_p.jpg','','annual_multimedia2010_cover_site/_0001_p.jpg','','annual_multimedia2010_cover_site/_0002_p.jpg','','annual_multimedia2010_cover_site/_0003_p.jpg','','annual_multimedia2010_cover_site/_0004_p.jpg','','annual_multimedia2010_cover_site/_0005_p.jpg','','annual_multimedia2010_cover_site/_0006_p.jpg','','annual_multimedia2010_cover_site/_0007_p.jpg',''),
  
 
//11 Regnery Website
  new Array('Kanzlei Regnery','Website','','',' ','regnery_website/_0000_p.jpg','','regnery_website/_0001_p.jpg','','regnery_website/_0002_p.jpg',''),
  
//12 Hetkamp Printanzeigen
  new Array('Hetkamp Einrichtung und Mode','Printanzeigen','','',' ','hetkamp_printanzeigen/_0000_p.jpg','','hetkamp_printanzeigen/_0001_p.jpg','','hetkamp_printanzeigen/_0002_p.jpg','','hetkamp_printanzeigen/_0003_p.jpg','','hetkamp_printanzeigen/_0004_p.jpg',''),
  
    //13 Rapp/Bayer
  new Array('RAPP New York/ Bayer','Diverse Websites','','',' ','rapp_bayer_website/_0000_p.jpg','','rapp_bayer_website/_0001_p.jpg','','rapp_bayer_website/_0002_p.jpg','','rapp_bayer_website/_0003_p.jpg','','rapp_bayer_website/_0004_p.jpg','','rapp_bayer_website/_0005_p.jpg','','rapp_bayer_website/_0006_p.jpg','','rapp_bayer_website/_0007_p.jpg','','rapp_bayer_website/_0008_p.jpg','','rapp_bayer_website/_0009_p.jpg',''),
  
//14 Barbara Lohmann Katalog
  new Array('Barbara Lohmann','Kollektions-Katalog','','',' ','barbara_lohmann_katalog/_0000_p.jpg','','barbara_lohmann_katalog/_0001_p.jpg','','barbara_lohmann_katalog/_0002_p.jpg','','barbara_lohmann_katalog/_0003_p.jpg','','barbara_lohmann_katalog/_0004_p.jpg','','barbara_lohmann_katalog/_0005_p.jpg','','barbara_lohmann_katalog/_0006_p.jpg','','barbara_lohmann_katalog/_0007_p.jpg','','barbara_lohmann_katalog/_0008_p.jpg','','barbara_lohmann_katalog/_0009_p.jpg','','barbara_lohmann_katalog/_0010_p.jpg','','barbara_lohmann_katalog/_0011_p.jpg','','barbara_lohmann_katalog/_0012_p.jpg',''),
  
    //15 Indelible Website
  new Array('iNDELIBLE New York','Website Konzepte','','',' ','indelible_website/_0000_p.jpg','','indelible_website/_0001_p.jpg','','indelible_website/_0002_p.jpg','','indelible_website/_0003_p.jpg','','indelible_website/_0004_p.jpg','','indelible_website/_0005_p.jpg',''),
  
  
      //16 Annual Multimedia 2008
  new Array('Annual Multimedia 2008','Buchcover Gestaltung/ Microsite','','',' ','annual_multimedia2008_cover_site/_0000_p.jpg','','annual_multimedia2008_cover_site/_0001_p.jpg','','annual_multimedia2008_cover_site/_0002_p.jpg','','annual_multimedia2008_cover_site/_0003_p.jpg','','annual_multimedia2008_cover_site/_0004_p.jpg','','annual_multimedia2008_cover_site/_0005_p.jpg','','annual_multimedia2008_cover_site/_0006_p.jpg','','annual_multimedia2008_cover_site/_0007_p.jpg','','annual_multimedia2008_cover_site/_0008_p.jpg','','annual_multimedia2008_cover_site/_0009_p.jpg',''),


      //17 Rapp Website
  new Array('RAPP New York ','Website Konzepte','','',' ','rapp_website/_0000_p.jpg','','rapp_website/_0001_p.jpg','','rapp_website/_0002_p.jpg','','rapp_website/_0003_p.jpg','','rapp_website/_0004_p.jpg','','rapp_website/_0005_p.jpg',''),

      //18 Rapp Mercedes T-shirt
  new Array('RAPP New York/ Mercedes Benz ','T-shirt Gestaltung','','',' ','rapp_mercedes_tshirt/_0000_p.jpg','','rapp_mercedes_tshirt/_0001_p.jpg','','rapp_mercedes_tshirt/_0002_p.jpg','','rapp_mercedes_tshirt/_0003_p.jpg','')


) 


  

$(document).ready(function(){  
  //home slider
  $('#homeslider').append('<ul></ul>');          
  for(p=0;$rndimg[0][p];p+=2){
    if($rndimg[0][p+1].substr(0,4)!='java'){
      var addblank='target=_blank';  
    }
    $('#homeslider ul').append('<li><a href="'+$rndimg[0][p+1]+'" '+addblank+'><img src=pictures/'+$rndimg[0][p]+' alt=""/></a></li>');          
    
  }  
  $('#homeslider').Horinaja({capture:'homeslider', delai:0.5, duree:5,leftright:true,distanceLR:0,pagination:true});    
  
  set_nav_fixed();
  
});


//popup slider
function load_slide(rndpos){

  
  if (navigator && navigator.platform && navigator.platform.match(/^(iPad|iPod|iPhone)$/)) {
    $(this).scrollTop(0);        
  }
  $('#homeslider').stopTime('homeslider');
  //set text
  $('.layout').prepend('<div class="bglayer">&nbsp;</div><div class="slider_wrapper"><div id="slider" class="horinaja"><ul></ul></div><div class="info"><h4>'+$rndimg[rndpos][0]+'</h4><p>'+$rndimg[rndpos][1]+'</p></div><p>'+$rndimg[rndpos][4]+'</p><a href="javascript:close_slide()" class="close"><span class="inv">schliessen</span></a></div>');
  //add optional link   
  if($rndimg[rndpos][3]){
    $('.slider_wrapper .info').append('<a href="'+$rndimg[rndpos][3]+'" target="_blank">'+$rndimg[rndpos][2]+'</a>');  
  }
  $('.bglayer').click(function(){close_slide();});
  //add images
  for(p=5;$rndimg[rndpos][p];p+=2){    
    if($rndimg[rndpos][p+1]==''){
      $('#slider ul').append('<li><img src=pictures/'+$rndimg[rndpos][p]+' alt=""/></li>');
    //add videolink
    }else{
      $('#slider ul').append('<li><a href="'+$rndimg[rndpos][p+1]+'"><div><span class="inv">play</span></div><img src=pictures/'+$rndimg[rndpos][p]+' alt=""/></a></li>');      
    }
  }  
  $('#slider').Horinaja({capture:'slider', delai:0.5, duree:5,leftright:true,distanceLR:0,pagination:true});
  
  var arrPageSizes = getPageSize();
  $('.slider_wrapper').css('top',(arrPageSizes[1]-620)/2+'px');
}

//popup slider close
function close_slide(){
  $('#slider').stopTime('slider');
  $('.bglayer').remove();
  $('.slider_wrapper').remove();      
}


//popup video
function load_video(target){
  $('.slider_wrapper').prepend('<div class="video"><iframe src="'+target+'" width="954" height="537" frameborder="0"></iframe></div>');
  $('#slider').stopTime('slider');
}



//following nav   
function set_nav_fixed(){
  var scrolly=getScrollXY()[1];
  var mintopdist=37;
  var maxtopdist=215;
  if(scrolly<maxtopdist-mintopdist){
    scrolly=maxtopdist;     
  }else{
    scrolly+=mintopdist;      
  }
  
  $(".nav_fixed").css('top',scrolly);//animate({top:scrolly},{queue:false, duration:0});    
}
$(window).scroll(function(){set_nav_fixed()});


//scroll x / y calculation
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;

  if( typeof( window.pageYOffset ) == 'number' ) {
      //Netscape compliant
      scrOfY = window.pageYOffset;
      scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
      //DOM compliant
      scrOfY = document.body.scrollTop;
      scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
      //IE6 standards compliant mode
      scrOfY = document.documentElement.scrollTop;
      scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}


function getPageSize() { //as seen in so many api's
    var xScroll, yScroll;
    var minContentHeight = 560;
    if (window.innerHeight && window.scrollMaxY) {	
    	xScroll = window.innerWidth + window.scrollMaxX;
    	yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
    	xScroll = document.body.scrollWidth;
    	yScroll = document.body.scrollHeight;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
    	xScroll = document.body.offsetWidth;
    	yScroll = document.body.offsetHeight;
    }
    var windowWidth, windowHeight;
    if (self.innerHeight) {	// all except Explorer
    	if(document.documentElement.clientWidth){
    		windowWidth = document.documentElement.clientWidth; 
    	} else {
    		windowWidth = self.innerWidth;
    	}
    	windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
    	windowWidth = document.documentElement.clientWidth;
    	windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
    	windowWidth = document.body.clientWidth;
    	windowHeight = document.body.clientHeight;
    }	
    // for small pages with total height less then height of the page			
    if(minContentHeight < windowHeight){
    	pageHeight = windowHeight;
    } else { 
    	pageHeight = minContentHeight;
    }			
    pageWidth = windowWidth;
    
    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);	     		
    return arrayPageSize;
};