$(document).ready(function() {
        $('#content').css('overflow','hidden'); 
        $('#scrollTrack').css('display','block'); 
        
        var windowHeight = $(window).height();
        if (windowHeight > 696) {
            var heightToDevide = windowHeight - 696;
            $('#containerRepeat').css('height',heightToDevide+'px'); 
            $('#containerFooter').css('top',(488-11+heightToDevide)+'px'); 
            $('#bottomAd').css('top',(575-11+heightToDevide)+'px'); 
            $('#content').css('height', (380-11+heightToDevide)+'px');
            $('#scrollTrack').css('height', (378-11+heightToDevide)+'px');
        }
        $('#albumContainer a').lightBox({fixedNavigation:true}); 
    
		$("#birdsHead").mouseover(function (e) {
			showTalkingBird(true);
		});          
                          
        $("#myFrameOverlay").click(function (e) {
              hideShoppingCart();      
        });                  
                                           
		//initialiseer menu
		/*$("#megaMenu_1").mouseenter(function(){
			$("#megaMenu_1 > div.megaMenu").css("left",-($("#megaMenu_1").position().left)+"px");
			cancelHide[1] = true;
			setTimeout( function() { 
				if (!menuShowed) {
					$("#megaMenu_1 > div.megaMenu").show("fast");
				} else {
					$("#megaMenu_1 > div.megaMenu").css('display','block');
					$("#megaMenu_"+menuShowed+" > div.megaMenu").css('display','none');
				} 
			} , 500);
			menuShowed = 1;				
		}).mouseleave(function() {
			cancelHide[1] = false;
			setTimeout( function() { 
				if (!cancelHide[1]) {
					$("#megaMenu_1 > div.megaMenu").hide("fast"); 
					menuShowed = false;
				}
			} , 500);
		});
		$("#megaMenu_2").mouseenter(function(){
			$("#megaMenu_2 > div.megaMenu").css("left",-($("#megaMenu_2").position().left)+"px");
			cancelHide[2] = true;
			setTimeout( function() { 
				if (!menuShowed) {
					$("#megaMenu_2 > div.megaMenu").show("fast");
				} else {
					$("#megaMenu_2 > div.megaMenu").css('display','block');
					$("#megaMenu_"+menuShowed+" > div.megaMenu").css('display','none');
				}  
			} , 500);
			menuShowed = 2;						
		}).mouseleave(function() {
			cancelHide[2] = false;
			setTimeout( function() { 
				if (!cancelHide[2]) {
					$("#megaMenu_2 > div.megaMenu").hide("fast"); 
					menuShowed = false;
				}
			} , 500);
		});		
		$("#megaMenu_3").mouseenter(function(){
			$("#megaMenu_3 > div.megaMenu").css("left",-($("#megaMenu_3").position().left)+"px");
			cancelHide[3] = true;
			setTimeout( function() { 
				if (!menuShowed) {
					$("#megaMenu_3 > div.megaMenu").show("fast");
				} else {
					$("#megaMenu_3 > div.megaMenu").css('display','block');
					$("#megaMenu_"+menuShowed+" > div.megaMenu").css('display','none');
				} 
			} , 500);
			menuShowed = 3; 			
		}).mouseleave(function() {
			cancelHide[3] = false;
			setTimeout( function() { 
				if (!cancelHide[3]) {
					$("#megaMenu_3 > div.megaMenu").hide("fast");
					menuShowed = false; 
				}
			} , 500); 
		});*/
		$("#megaMenu_1 > div.megaMenu").css("left",-($("#megaMenu_1").position().left)+"px");		
		$("#megaMenu_2 > div.megaMenu").css("left",-($("#megaMenu_2").position().left)+"px");
		$("#megaMenu_3 > div.megaMenu").css("left",-($("#megaMenu_3").position().left)+"px");
		
		//initialiseer scrollbars
		$('#scrollBar').draggable({
			zIndex: 	2700,
			axis:'y',
			containment: '#scrollTrack',
			opacity: 0.7,
			drag : function(e,ui)
			{
				var y = ui.offset.top-155;
				var move = sch - containerHeight;
				if(y>0 && y<(containerHeight-25)) {
					sc.css("top",- y/containerHeight*move + "px");
					positionGoogleAdds();
					positionTweets();
					return {x: 0,y: y};
				} else {
					if (y < 0) { 
						y = 0;
						$('#scrollBar').css("top",y+"px");
					} else {
						$('#scrollBar').css("top",(y-25)+"px");	
					}
					sc.css("top",- y/containerHeight*move + "px");
									
				}
			}
		});

		$('#scrollTrack').click(function(e){
			var y = e.pageY-155;	
			var move = sch - containerHeight;
			if(y>0 && y<(containerHeight-25)) {
			   sc.css("top",- y/containerHeight*move + "px");
			   $('#scrollBar').css("top",y+"px");
			} else {
				y = containerHeight;
				sc.css("top",- y/containerHeight*move + "px");
				$('#scrollBar').css("top",(y-25)+"px");
			}
			positionGoogleAdds();
			positionTweets();
		});

		//initialiseer mouseheel
		$(document).mousewheel(function (event, delta) {
			mousewheelScroll(event, delta);
		});


		getContainerHeight();
		getScrollContent( '#scrollContent' );
		mouseWheelMultiplier = 2 * wheelSpeed * containerHeight / sch

		//wait a couple of seconds onload and start the bird animation
		setTimeout(function() {
			showRandomTwitter();
		}, 4000);
});

var cancelHide = new Array(false,false,false,false,false);
var menuShowed = false;
var currentOpmerkingID = 0;
var wheelSpeed = 18;
var mouseWheelMultiplier = 0;
var containerHeight = 0;
var sch = 0;
function getContainerHeight() {
   containerHeight = $('#scrollTrack').height();
   containerHeight -= 20;
}
function getScrollContent(o) {
   sc = $(o);
   sch = sc.height();
}

function mousewheelScroll(event, delta)
{
	delta = delta || (event.wheelDelta ? event.wheelDelta / 120 : (event.detail) ? -event.detail/3 : 0);
	var d = $('#scrollBar').css("top");
	var y = (parseInt(d) - delta * mouseWheelMultiplier);
	var move = sch - containerHeight;
	if(y>0 && y<(containerHeight-25)) {
		sc.css("top",- y/containerHeight*move + "px");
		$('#scrollBar').css("top",y+"px");
	} else {
		if (y < 0) { 
			y = 0;
			$('#scrollBar').css("top",y+"px");
		} else {
			y = containerHeight;
			$('#scrollBar').css("top",(y-25)+"px");
		}
		sc.css("top",- y/containerHeight*move + "px");
	}
	positionGoogleAdds();
	positionTweets();
	
} 

function positionGoogleAdds() 
{
	for (i = 0; i < 3; i++ ) {
		if (document.getElementById('googleAdd_'+i) != undefined) {
			var top = $("#googleAdd_"+i).position().top + $("#googleAdd_"+i).offsetParent().offset().top;
			if ( (top < 433 && top > 150) ) {
				$("#googleAdd_"+i).css({ position: "relative",marginLeft: 0, marginTop: 0,left: 0 });
			} else {
				$("#googleAdd_"+i).css({ position: "absolute",marginLeft: 0, marginTop: 0,left: 5100 });
			}
		}
	}
}

function positionTweets() 
{
	for (i = 0; i < 4; i++ ) {
		if (document.getElementById('tweetme_'+i) != undefined) {
			var top = $("#tweetme_"+i).position().top + $("#tweetme_"+i).offsetParent().offset().top;
			if ( (top < 433 && top > 150) ) {
				$("#tweetme_"+i).css({ position: "relative",marginLeft: 0, marginTop: 0,left: 0 });
			} else {
				$("#tweetme_"+i).css({ position: "absolute",marginLeft: 0, marginTop: 0,left: 5100 });
			}
		}
	}
}

//function shows the talking bird 
function showTalkingBird(mouseOver)
{
	$('#birdsCloud').show("slow");
	$('#birdsHeadImage').attr('src','/img/bird-talk.png');
    if (mouseOver == undefined) {
	    setTimeout(function() {
		    $('#birdsCloud').fadeOut(2000);
		    $('#birdsHeadImage').attr('src','/img/bird-silent.png');
            setTimeout(function() {
                showRandomTwitter();
            }, 10000);
	    }, 5000);
    } else {
         setTimeout(function() {
            $('#birdsCloud').fadeOut(2000);
            $('#birdsHeadImage').attr('src','/img/bird-silent.png');
        }, 5000);
    }
}

function showRandomTwitter()
{
    $.ajax({
      type: "GET",
      url: "/php/twitterOpmerkingen.php",
      data: "taal="+currentLanguage+"&rt="+(Math.random()*100000000)+"&id="+currentOpmerkingID,
      dataType: "script"
    });      
    showTalkingBird();
    
}

function showShoppingCart(winkelwagen)
{
    $('#myFrame').attr('src', 'http://www.oypo.nl/pixxer/api/winkelwageniframe.asp?cart='+winkelwagen+'&css=http://www.icuadro.nl/css/style_oypo.css&wl=xxxx&retourlink=http://www.icuadro.nl');
    $('#myFrameOverlay').css('display','block'); 
    $('#myFrameOverlay').css('zIndex','899');  
    $('#myFrameOverlay').css('opacity', .7);  
    //$('#myFrameDiv').css('display','block');
    $('#myFrameDiv').css('zIndex','900');
    $('#myFrameDiv iframe').css('display','block');
    $('#myFrameDiv iframe').css('zIndex','901');   
    
    $('#myFrameDiv').slideDown(2000);  
}

function hideShoppingCart()
{
    $('#myFrameDiv').slideUp(1000, function(){     
        $('#myFrameOverlay').css('display','none'); 
        $('#myFrameOverlay').css('zIndex','1');    
        //$('#myFrameDiv').css('display','none');
        $('#myFrameDiv').css('zIndex','1');
        $('#myFrameDiv iframe').css('display','none');
        $('#myFrameDiv iframe').css('zIndex','1');  
    });    
  
}
/*
    Fotomoto Extension Library, (c) 2009
    Lightbox integration version 1.0
    Tested with Lightbox version(s): 2.04

FMYUI.util.Event.onAvailable('lightboxImage', function(){
    var elem = FMYUI.util.Dom.get('lightboxImage');
    if (elem != null) {
        elem.onload = function() {
            FOTOMOTO.runInit2(this, FMYUI.util.Dom.get('bottomNav'));
            //FOTOMOTO.runInit2(this, FMYUI.util.Dom.get('imageDetails'));
        };
    }
}, this);   */