jQuery.noConflict();
// now put your jQuery code here
// that uses $ function
jQuery(document).ready(function(){
       // alert("window:"+jQuery(window).height() + " - document:"+jQuery(document).height() + "window:"+jQuery(window).width() + " - document:"+jQuery(document).width());
        if (jQuery("#menu").length) {
            var menupos = jQuery("#menu").offset();
    		var paginapos = jQuery("#wrapper").offset();
    		var menuposx = menupos.left + 1;
    		var paginaposx = paginapos.left;
    		}
		
		var deviceAgent = navigator.userAgent.toLowerCase();
        var agentID = deviceAgent.match(/(iphone|ipod|ipad|black)/);
          
        //jQuery("#menu").animate({marginLeft:'-180px'},'slow');
        jQuery("#footer").css("left", paginaposx+"px");
        jQuery("#footer").css("width", jQuery("#container").width());
        jQuery("#menu div.shadow").height(jQuery("#menu").height());
        jQuery("#menu div.shadow").css("display", "block");
        jQuery("#menu div.shadow").css("max-height", jQuery("#menu").height()+"px");
        if (!agentID) {
        var portalheight = jQuery("#sitecontainer").height() + 30; // footer is 30px;
        var windowheight = jQuery("body").height();
        //alert("window:"+windowheight+" - document:"+portalheight);
        if (windowheight > portalheight) {
            var margintop = (windowheight - portalheight)/2;
            jQuery("#sitecontainer").css("top", margintop+"px");
        }
        }
        
        jQuery("#frontlayer").animate({marginLeft:'-180px'}, '600', "linear");
        jQuery("#bergen").animate({marginLeft:'-180px'}, '800', "linear");
        jQuery("#lucht").animate({marginLeft:'-180px'}, '700', "linear");
        jQuery("#logo").animate({marginLeft:'-180px'}, '2000', "linear");
        jQuery("#menu").animate({marginLeft:'-180px'}, '2000', "linear", function(){ 
        jQuery("#menu").append('<div id="newmenubutton"><img src="/images/zoekenboeken/menu/menuslider_button.png" id="newmenubuttonimg"></div>');
        
        // knoppen openen op de ipad
        //margin-top: -96px;
        if (agentID) {
            jQuery("#bannerbarbuttons div.button").height('128px');
            jQuery("#bannerbarbuttons div.button").animate({ marginTop:'-95px'}, '700', "linear", function(){ 
            jQuery("#bannerbarbuttons div.button div.h3").show(); });
        }
        
        jQuery("#bannerbarbuttons div.button").hover(
          function () {
            //jQuery(this).height('128px');
            jQuery(this).animate({ marginTop:'-95px', height:'128px'}, 'fast', "linear", function(){ 
            jQuery(this).show(); });
          },
          function () {
            //jQuery(this).height('33px');
            jQuery("#bannerbarbuttons div.button div.h3").show();
            jQuery(this).animate({ marginTop:'0px', height:'33px'}, 'fast', "swing", function(){ 
            jQuery(this).show(); }); // height: 33px; margin-top: 0px;
          }
        );
        
        jQuery("#newmenubuttonimg").click(function() {
    			var menupos = jQuery("#menu").offset();
    			var paginapos = jQuery("#container").offset();
    			var menuposx = menupos.left +1;
    			var paginaposx = paginapos.left;
    			//alert("menu positie:"+menuposx + "pagina positie:"+paginaposx);
    				if (menuposx < paginaposx ) {
    					// openen menu
    					jQuery("#menu").animate({marginLeft:'0px'},'fast');
    					jQuery("#logo").animate({marginLeft:'0px'}, 'fast', "linear");
    					jQuery("#newmenubuttonimg").attr('src', '/images/zoekenboeken/menu/menuslider_button_close.png');
    					jQuery("#frontlayer").animate({marginLeft:'0px'}, '600', "linear");
                        jQuery("#bergen").animate({marginLeft:'0px'}, '700', "linear");
                        jQuery("#lucht").animate({marginLeft:'0px'}, '800', "linear");
    				} else {
    					// sluiten menu
    					jQuery("#menu").animate({marginLeft:'-180px'},'slow');
    					jQuery("#logo").animate({marginLeft:'-180px'}, 'slow', "linear");
    					jQuery("#newmenubuttonimg").attr('src', '/images/zoekenboeken/menu/menuslider_button.png');
    					jQuery("#frontlayer").animate({marginLeft:'-180px'}, 'slow', "linear");
                        jQuery("#bergen").animate({marginLeft:'-180px'}, 'slow', "linear");
                        jQuery("#lucht").animate({marginLeft:'-180px'}, 'slow', "linear");
    				}
    		});
         });
 if (!agentID) {       
    jQuery(window).resize(function() {
      var portalpage = $$('#portalversion');
            if (portalpage != '') {
                var paginapos = jQuery("#container").offset();
        		var paginaposx = paginapos.left;
                jQuery("#footer").css("left", paginaposx+"px");
                jQuery("#footer").css("width", jQuery("#container").width());
                var portalheight = jQuery("#sitecontainer").height()+ 30; // footer is 30px;
                var windowheight = jQuery("body").height();
                if (windowheight > portalheight) {
                    var margintop = (windowheight - portalheight)/2;
                    jQuery("#sitecontainer").css("top", margintop+"px");
                }
            }
    });	   
  }

});