var scroller  = null;
var scrollbar = null;
var previousOnload = window.onload;
var link;



window.onload=function(){
	
	if(document.getElementById("achtergrond")){
		$('#achtergrond').css({backgroundPosition: "0px 214px"});
		
		$("#hb1").animate({opacity: 0},0).animate({ 
			opacity: 1,
			marginLeft: "0px"
		}, 1900 );
		$("#hb2").animate({opacity: 0},0).animate({ 
			opacity: 1,
			marginLeft: "0px"
		}, 1700 );
		$("#hb3").animate({opacity: 0},0).animate({ 
			opacity: 1,
			marginLeft: "0px"
		}, 1500 , function(){
				$('#hometxt').animate({opacity: 0},0).animate({opacity: 1}, 2000 );
				$('#bb').animate({opacity: 0},0).animate({opacity: 1}, 2000 );
				});
		
		$("#hb1").click(function(event){
			$('#achtergrond').css({backgroundImage: "url(fileadmin/template/images/homebody2_bg.png)"});
		});
		$("#hb2").click(function(event){
			$('#achtergrond').css({backgroundImage: "url(fileadmin/template/images/homebody1_bg.png)"});
		});
		$("#hb3").click(function(event){
			$('#achtergrond').css({backgroundImage: "url(fileadmin/template/images/homebody1_bg.png)"});
		});
		$("#bb1").click(function(event){
			$('#achtergrond').css({backgroundImage: "url(fileadmin/template/images/homebody3_bg.png)"});
		});
		$("#bb3").click(function(event){
			$('#achtergrond').css({backgroundImage: "url(fileadmin/template/images/homebody1_bg.png)"});
		});

		$("#maincontent a").click(function(event){
			event.preventDefault();
			link=this.href;
			
			$("#bb").animate({opacity: 1},0).animate({opacity: 0}, 700 );
			$("#hometxt").animate({opacity: 1},0).animate({ opacity: 0}, 700 , function(){
				$("#hb1").animate({ opacity: 0,marginLeft: "-1600px" }, 900 );
				$("#hb2").animate({ opacity: 0,marginLeft: "-1600px" }, 1200 );
				$("#hb3").animate({ opacity: 0,marginLeft: "-1600px" }, 1500, function(){
					$("#achtergrond").animate({height: "682px",top: "-214px"}, 1000 );
					$("#homebutton img").animate({ width: "254px", height: "82px", marginTop: "15px"}, 900 , function(){
						document.location.href=link;});
				});
			});
		});
		
		
	} else {
		if(previousOnload) previousOnload(); addReflections();
		//pngFix();
		scroller  = new jsScroller(document.getElementById("Scroller-1"), 320, 257);
		scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, false);
		
		$(document).ready(function() {
				slideshow();
			});

		if(document.getElementById("portfoliothumbs")){
			$('#portfoliothumbs img').dropShadow({left: 5, top: 5, opacity: 0.8, blur: 4});
			$('#portfoliothumbs a').click(function(event){
				event.preventDefault();
				var str = this.href;
				document.getElementById('portfolioplaat').src = str;
				//$('#topplaat').show("slow");
				//$('#topplaat').show();
				return false;
			});
		}
	}
	
	            marqueeInit({
                uniqueid: 'portfoliolinks',
                style: {
                    'padding': '0px',
                    'width': '500px',
                    'height': '57px'
                },
                inc: 0, //speed - pixel increment for each iteration of this marquee's movement
                mouse: 'false', //mouseover behavior ('pause' 'cursor driven' or false)
                moveatleast: 1,
                neutral: 150,
                savedirection: true
            });
            
            
}

		function slideshow() {
			$('#portfolioimg').cycle({ 
 				fx:  	  	'fade', 
 				speed:  	'2000', 
				slideExpr:	'img',  //only look for 'img'-element
				timeout:	 5000, 
  				pager:		'#portfoliothumbs', 
     
 			   // callback fn that creates a thumbnail to use as pager anchor 
 			   pagerAnchorBuilder: function(idx, slide) { 
   			     return '<a href="' + slide.src + '" rel="lightbox"><img src="' + slide.src + '" width="109" height="68" /></a>'; 
  			  } 
			});
		};




function getWindowHeight() {
	var windowHeight = 0;
	if (typeof(window.innerHeight) == 'number') {
		windowHeight = window.innerHeight;
	}
	else {
		if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		}
		else {
			if (document.body && document.body.clientHeight) {
				windowHeight = document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}
function getWindowWidth() {
	var windowWidth = 0;
	if (typeof(window.innerWidth) == 'number') {
		windowWidth = window.innerWidth;
	}
	else {
		if (document.documentElement && document.documentElement.clientWidth) {
			windowWidth = document.documentElement.clientWidth;
		}
		else {
			if (document.body && document.body.clientWidth) {
				windowWidth = document.body.clientWidth;
			}
		}
	}
	return windowWidth;
}

 
function pngFix()
{
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])

	if ((version >= 5.5) && (document.body.filters)) 
	{
	   for(var i=0; i<document.images.length; i++)
	   {
		  var img = document.images[i]
		  var imgName = img.src.toUpperCase()
		  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
		  {
			 var imgID = (img.id) ? "id='" + img.id + "' " : ""
			 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
			 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
			 var imgStyle = "display:inline-block;" + img.style.cssText 
			 if (img.align == "left") imgStyle = "float:left;" + imgStyle
			 if (img.align == "right") imgStyle = "float:right;" + imgStyle
			 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
			 var strNewHTML = "<span " + imgID + imgClass + imgTitle
			 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
			 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
			 img.outerHTML = strNewHTML
			 i = i-1
		  }
	   }
	}
}