var infoPositions = [
	['MenuItemTitleSolgar',                           970, 130],
	['MenuItemTitleLamberts',                        1125, 125],
	['MenuItemTitleNewCare',                         1595, 225],
	['MenuItemTitleOrthica',                         1125, 210],
	['MenuItemTitleAOV',                         	  970, 245],
	['MenuItemTitleOptimax',                         1595, 280],
    ['MenuItemTitlePharmaNord',                       950, 280],
	['MenuItemTitleBloem',                           1595, 165],
	
	['MenuItemTitleHeel',                         	 1300, 260], 
	['MenuItemTitleVSM',                         	 1475, 125],
	['MenuItemTitleAVogel',                          1315, 125],  
	['MenuItemTitleKiemplant',                     	 1500, 225],  
    ['MenuItemTitleBachbloesem',                     1535, 225],
	['MenuItemTitleSteigerwald',                     1450, 225],
	['MenuItemTitlePfluger',                         1450, 185],
	
	['MenuItemTitleYogi',                            735, 220],
	['MenuItemTitleTwinings',                        750, 175],
	['MenuItemTitleCelestialSeasons',                735, 245],
	['MenuItemTitleJacobHooy',                       750, 150],
	
	['MenuItemTitlePiramide',                        775, 150],
	['MenuItemTitleSalus',                           775, 200],
	['MenuItemTitleLossethee',                       775, 225],
	['MenuItemTitleAnnique',                         775, 250],
	
	['MenuItemTitleChiinternational',                1950, 300],
	
    ['MenuItemTitleBridgewater',                	 2550, 400],
	['MenuItemTitleWaxLyrical',               		 2310, 210],
    ['MenuItemTitleSabon',              			 1700, 200],
	 
	['MenuItemTitleSansSoucis',                		 2800, 250],
	['MenuItemTitleDrHauschka',                		 2920, 225],
	['MenuItemTitleLesGavotsdeProvence',             2800, 350],	 
	['MenuItemTitleWeleda',             			 2600, 180],
	['MenuItemTitleLavera',             			 2700, 350],
	['MenuItemTitleHarmonie',             			 2920, 290],	
	['MenuItemTitleZarqa',             			 	 2400, 400],
	['MenuItemTitleKneipp',             			 1780, 250],
	
	['MenuItemTitleUnebeauty',             			 1860, 250],
	['MenuItemTitleMakeupStudio',             		 1900, 230],
	['MenuItemTitleOPInagellak',              		 1725, 220],
	
	['MenuItemTitleLuxegeuren',              		 1900, 270],
	
	['MenuItemTitleSqnatural',              		 2100, 230],
	['MenuItemTitleBombcosmetics',              	 2120, 335],
	['MenuItemTitleBonSavon',              		     2150, 335],
	
	['MenuItemTitleToilettassen',              		 2210, 100],
	
	['MenuItemTitlecadeaus',              		 	 3100, 350]

];

var _resizeTimeout = null;
var _windowSize = { x: 0, y: 0 };

$(function()
{
    var urlSplit = window.location.href.split('#');
    if (urlSplit.length > 1) startPopup('http://' + window.location.host + '/Daans-Drogisterij/nl-NL/popup/' + urlSplit[1] + '.aspx');
	
    $("#productmenu li").hoverIntent({
		over: function(){
			$(this).addClass('hoverintent');
		},
		timeout: 300,
		interval: 100,
		sensitivity: 7,
		out: function(){
			$(this).removeClass('hoverintent');
		}
	});   

    var element = $('#content,#popupcontent').jScrollPane({
        showArrows: false, 
        horizontalDragMinWidth: 41,
        horizontalDragMaxWidth: 41,
        animateScroll: true
    });
    
    var api = element.data('jsp');
    
    var isResizing;    
               
    $('head').append('<style title="tempStyle" type="text/css"></style>'); 
    
    _windowSize.x = $(window).width();
    _windowSize.y = $(window).height();
    
    // and the body scrollpane
    var setContainerWidth = function()
    {
        // IE triggers the onResize event internally when you do the stuff in this function
        // so make sure we don't enter an infinite loop and crash the browser
        if (!isResizing) { 
            isResizing = true;
            $w = $(window);
            $c = $('#content');
            var p = (parseInt($c.css('paddingLeft')) || 0) + (parseInt($c.css('paddingRight')) || 0);
            
            // lelijke maar werkende oplossing, height keihard op 469px zetten
            $('.jspContainer').css({'width': $w.width() + 'px', 'height': '469px' });
            $c.css({'width': ($w.width() - p) + 'px', 'overflow':'auto'});
            
            var gap = ($('#content').width() - 1000) / 2;
            
            if (gap < 0)
                gap = 0;
             
            $('style[title="tempStyle"]').replaceWith('<style title="tempStyle" type="text/css">body .jspHorizontalBar .jspCap { width: ' + gap + 'px; }</style>');
                
            $c.jScrollPane();
            
            api.reinitialise();
            isResizing = false;
            
            // center site
            center();
        }

    }

    $(window).bind('resize', setContainerWidth);

    setContainerWidth();
    // it seems like you need to call this twice to get consistantly correct results cross browser...
    setContainerWidth();
    
    $('#overlay, body').click(function () {
        $('#overlay, top.document').hide();
        $('iframe#popup').hide();
    });
	
	// Close button
	$('#close').click(function() {
	$('#popupbody').hide();
	$('#overlay', top.document).hide();
	$('iframe', parent.top.document).hide();
	});
	


    if (location.hash.replace('#', '').search('popup_') != -1)
    {        
        openPopup();
    }
    
    $('ul.Menu li').mouseover(function () {
       // $('.jspDrag').css('background-image', 'url("/Daans-Drogisterij/images/arrow_trans.png")');
    });
    
    $('ul.Menu li').mouseout(function () {
       // $('.jspDrag').css('background-image', 'url("/Daans-Drogisterij/images/arrow.png")');
    });
    
    // i-tjes
    for (var i = 0; i < infoPositions.length; i++)
    {
        var info = $('<a class="clickableInfo" id="' + infoPositions[i][0] + '" href="' + $('ul.Menu li ul.Menu li.' + infoPositions[i][0] + ' a').attr('href') + '"></a>').css({
            'position': 'absolute',
            'left': infoPositions[i][1],
            'top': infoPositions[i][2]
        });
        
        $('#storepanorama #infoHolder').append(info);
    }
    
    $('ul.Menu li ul.Menu li a').each(function () { 
        $(this).hover(function () {
            var infoPosition = $('#storepanorama #infoHolder a#' + getMenuItemTitle($(this).parent('li').attr('class')));
            var position = infoPosition.position();
            var scrollToPosition = position.left - ($('#content').width() / 2);
            api.scrollToX(scrollToPosition);
            
            $('#storepanorama #infoHolder a').addClass('inactive');
            $('#storepanorama #infoHolder a#' + getMenuItemTitle($(this).parent('li').attr('class'))).removeClass('inactive');
        }, function () {
            $('#storepanorama #infoHolder a').removeClass('inactive');
        });
    });
    
    $('#storepanorama #infoHolder a').hover(function () {
        $('#storepanorama #infoHolder a').addClass('inactive');
        $(this).removeClass('inactive');
    }, function () {
        $('#storepanorama #infoHolder a').removeClass('inactive');
    });
    
    
    // prepare popup links
    $('a').each(function() {
        var $this = $(this);
        var href = $(this).attr('href');
        if (href) { if (href.indexOf('popup') > -1) 
            $this.click(function () {
                startPopup(href);
                return false;
            });
        }
    });
    
    // animate down
    center();
});

function startPopup(href) {
    $('iframe#popup').attr('src', href);
    $('iframe#popup').show();
    $('#overlay').show();
}

function getMenuItemTitle(allClasses)
{
    var fromMenuItemTitle = allClasses.substr(allClasses.search('MenuItemTitle'));
    if (fromMenuItemTitle.search(' ') != -1)
        var menuItemTitle = fromMenuItemTitle.substr(0, fromMenuItemTitle.search(' '));
    else
    var menuItemTitle = fromMenuItemTitle;
    return menuItemTitle.replace(' ', '');
}
        
function openPopup() {
    $('a#popupredirector').attr('href', location.hash.replace('#', '').split('_')[1]).trigger('click');
    
}

function center(fast) {
    var top = ($(window).height() / 2.15) - ($('#container').height() / 2);
    if (top < 10) top = 10;
    $('#container').css('top', top + 'px');
}



/**
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
* 
* @param  f  onMouseOver function || An object with configuration options
* @param  g  onMouseOut function  || Nothing (use configuration options object)
* @author    Brian Cherne <brian@cherne.net>
*/
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);