/*! Copyright (c) 2008 Brandon Aaron (http://brandonaaron.net)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* Version 2.1.2-pre
*/
 
(function($){
 
/**
* The bgiframe is chainable and applies the iframe hack to get
* around zIndex issues in IE6. It will only apply itself in IE6
* and adds a class to the iframe called 'bgiframe'. The iframe
* is appeneded as the first child of the matched element(s)
* with a tabIndex and zIndex of -1.
*
* By default the plugin will take borders, sized with pixel units,
* into account. If a different unit is used for the border's width,
* then you will need to use the top and left settings as explained below.
*
* NOTICE: This plugin has been reported to cause perfromance problems
* when used on elements that change properties (like width, height and
* opacity) a lot in IE6. Most of these problems have been caused by
* the expressions used to calculate the elements width, height and
* borders. Some have reported it is due to the opacity filter. All
* these settings can be changed if needed as explained below.
*
* @example $('div').bgiframe();
* @before <div><p>Paragraph</p></div>
* @result <div><iframe class="bgiframe".../><p>Paragraph</p></div>
*
* @param Map settings Optional settings to configure the iframe.
* @option String|Number top The iframe must be offset to the top
* by the width of the top border. This should be a negative
* number representing the border-top-width. If a number is
* is used here, pixels will be assumed. Otherwise, be sure
* to specify a unit. An expression could also be used.
* By default the value is "auto" which will use an expression
* to get the border-top-width if it is in pixels.
* @option String|Number left The iframe must be offset to the left
* by the width of the left border. This should be a negative
* number representing the border-left-width. If a number is
* is used here, pixels will be assumed. Otherwise, be sure
* to specify a unit. An expression could also be used.
* By default the value is "auto" which will use an expression
* to get the border-left-width if it is in pixels.
* @option String|Number width This is the width of the iframe. If
* a number is used here, pixels will be assume. Otherwise, be sure
* to specify a unit. An experssion could also be used.
* By default the value is "auto" which will use an experssion
* to get the offsetWidth.
* @option String|Number height This is the height of the iframe. If
* a number is used here, pixels will be assume. Otherwise, be sure
* to specify a unit. An experssion could also be used.
* By default the value is "auto" which will use an experssion
* to get the offsetHeight.
* @option Boolean opacity This is a boolean representing whether or not
* to use opacity. If set to true, the opacity of 0 is applied. If
* set to false, the opacity filter is not applied. Default: true.
* @option String src This setting is provided so that one could change
* the src of the iframe to whatever they need.
* Default: "javascript:false;"
*
* @name bgiframe
* @type jQuery
* @cat Plugins/bgiframe
* @author Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
*/
$.fn.bgIframe = $.fn.bgiframe = function(s) {
// This is only for IE6
if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {
s = $.extend({
top : 'auto', // auto == .currentStyle.borderTopWidth
left : 'auto', // auto == .currentStyle.borderLeftWidth
width : 'auto', // auto == offsetWidth
height : 'auto', // auto == offsetHeight
opacity : true,
src : 'javascript:false;'
}, s || {});
var prop = function(n){return n&&n.constructor==Number?n+'px':n;},
html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+
'style="display:block;position:absolute;z-index:-1;'+
(s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+
'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+
'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+
'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+
'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+
'"/>';
return this.each(function() {
if ( $('> iframe.bgiframe', this).length == 0 )
this.insertBefore( document.createElement(html), this.firstChild );
});
}
return this;
};
 
})(jQuery);
/* =========================================================

// jquery.innerfade.js

// Datum: 2008-02-14
// Firma: Medienfreunde Hofmann & Baldes GbR
// Author: Torsten Baldes
// Mail: t.baldes@medienfreunde.com
// Web: http://medienfreunde.com

// based on the work of Matt Oakes http://portfolio.gizone.co.uk/applications/slideshow/
// and Ralf S. Engelschall http://trainofthoughts.org/

 *
 *  <ul id="news"> 
 *      <li>content 1</li>
 *      <li>content 2</li>
 *      <li>content 3</li>
 *  </ul>
 *  
 *  $('#news').innerfade({ 
 *	  animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), 
 *	  speed: Fading-/Sliding-Speed in milliseconds or keywords (slow, normal or fast) (Default: 'normal'), 
 *	  timeout: Time between the fades in milliseconds (Default: '2000'), 
 *	  type: Type of slideshow: 'sequence', 'random' or 'random_start' (Default: 'sequence'), 
 * 		containerheight: Height of the containing element in any css-height-value (Default: 'auto'),
 *	  runningclass: CSS-Class which the container get’s applied (Default: 'innerfade'),
 *	  children: optional children selector (Default: null)
 *  }); 
 *

// ========================================================= */


(function($) {

    $.fn.innerfade = function(options) {
        return this.each(function() {   
            $.innerfade(this, options);
        });
    };

    $.innerfade = function(container, options) {
        var settings = {
        		'animationtype':    'fade',
            'speed':            'normal',
            'type':             'sequence',
            'timeout':          2000,
            'containerheight':  'auto',
            'runningclass':     'innerfade',
            'children':         null
        };
        if (options)
            $.extend(settings, options);
        if (settings.children === null)
            var elements = $(container).children();
        else
            var elements = $(container).children(settings.children);
        if (elements.length > 1) {
            $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass);
            for (var i = 0; i < elements.length; i++) {
                $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
            };
            if (settings.type == "sequence") {
                setTimeout(function() {
                    $.innerfade.next(elements, settings, 1, 0);
                }, settings.timeout);
                $(elements[0]).show();
            } else if (settings.type == "random") {
            		var last = Math.floor ( Math.random () * ( elements.length ) );
                setTimeout(function() {
                    do { 
												current = Math.floor ( Math.random ( ) * ( elements.length ) );
										} while (last == current );             
										$.innerfade.next(elements, settings, current, last);
                }, settings.timeout);
                $(elements[last]).show();
						} else if ( settings.type == 'random_start' ) {
								settings.type = 'sequence';
								var current = Math.floor ( Math.random () * ( elements.length ) );
								setTimeout(function(){
									$.innerfade.next(elements, settings, (current + 1) %  elements.length, current);
								}, settings.timeout);
								$(elements[current]).show();
						}	else {
							alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');
						}
				}
    };

    $.innerfade.next = function(elements, settings, current, last) {
        if (settings.animationtype == 'slide') {
            $(elements[last]).slideUp(settings.speed);
            $(elements[current]).slideDown(settings.speed);
        } else if (settings.animationtype == 'fade') {
            $(elements[last]).fadeOut(settings.speed);
            $(elements[current]).fadeIn(settings.speed, function() {
							removeFilter($(this)[0]);
						});
        } else
            alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');
        if (settings.type == "sequence") {
            if ((current + 1) < elements.length) {
                current = current + 1;
                last = current - 1;
            } else {
                current = 0;
                last = elements.length - 1;
            }
        } else if (settings.type == "random") {
            last = current;
            while (current == last)
                current = Math.floor(Math.random() * elements.length);
        } else
            alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');
        setTimeout((function() {
            $.innerfade.next(elements, settings, current, last);
        }), settings.timeout);
    };

})(jQuery);

// **** remove Opacity-Filter in ie ****
function removeFilter(element) {
	if(element.style.removeAttribute){
		element.style.removeAttribute('filter');
	}
}


function validate()
{
  var lblMessage = document.getElementById("<%=lblValidation.ClientID%>");
  var nameErrorMessage = "";      
  if (document.getElementById("<%=tbName.ClientID%>").value=="")
  {     
     if(lblMessage != null)
     {        
        lblMessage.innerHTML = "Udfyld navn";
        lblMessage.style.visibility = "visible";
     }           
     document.getElementById("<%=tbName.ClientID%>").focus();
     return false;
  }
  if(document.getElementById("<%=tbEmail.ClientID %>").value=="")
  {
    //alert("Email id can not be blank");
    if(lblMessage != null)
     {        
        lblMessage.innerHTML = "Udfyld email";
        lblMessage.style.visibility = "visible";
     } 
    document.getElementById("<%=tbEmail.ClientID %>").focus();
    return false;
  }
  var emailPat = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/;
  var emailid=document.getElementById("<%=tbEmail.ClientID %>").value;
  var matchArray = emailid.match(emailPat);
  if (matchArray == null)
  {
    //alert("Your email address seems incorrect. Please try again.");
    if(lblMessage != null)
     {        
        lblMessage.innerHTML = "Email adresse er forkert udfyldt. Prøv venligst igen.";
        lblMessage.style.visibility = "visible";
     } 
    document.getElementById("<%=tbEmail.ClientID %>").focus();
    return false;
  }      
  return true;
}
$(document).ready(function() {
    $(".onlinebenefits li").hover(
          function() {
              $(this).find('ul').addClass('showMe');
          },
          function() {
              $(this).find('ul').removeClass('showMe');
          }
        );

    /* $(".deliveryAdressChk input").click(
    function () {
    $(this).parent().parent().next().toggle();
    }
    );*/
    $('.onlinebenefits li ul').bgiframe();




    $(".onlinebenefits li").hover(
          function() {
              var $this = $(this),
                divclass = $this.attr('class');
              $(this).addClass('hoverMe' + divclass);
          },
          function() {
              var $this = $(this),
                divclass = $this.attr('class');
              $(this).removeClass('hoverMe' + divclass);
          }
        );
        

    $("ul.megadropdown").children("li").bind('mouseenter', function(){
        $(this).addClass('hover');
        //alert($(this).attr("class"));
    }).bind('mouseleave', function(){
        $(this).removeClass('hover');
        //alert($(this).attr("class"));
    });
    //$("ul.megadropdown li ul").bgiframe();




    $('#imagenav ul li:first').addClass('first');
    /*$('#imagenav ul li').mousedown(function() {
    $(this).parent().find('li').removeClass('active');
    $(this).addClass('active');            
    }) 
    */

    var jqOptions = {
        zoomWidth: 300,
        zoomHeight: 300,
        preloadText: 'Zoom funktionalitet startes...',
        showEffect: 'show',
        hideEffect: 'fadeout',
        fadeoutSpeed: 'slow',
        title: false
    };

    var $jq = $('.jqzoom'),
				src = $jq.find('img').attr('src');

    src = $.browser.safari ? src + '?1' : src;
    $jq.jqzoom(jqOptions).find('img').attr('src', src);


    $('#imagenav ul li').mousedown(function() {
        var $this = $(this),
            src = $this.find('img').attr('src').replace('w=50', ''),
            index = $this.parent().find('li').index(this) + 1;
        src = src.replace('&h=50', '');
				if($(this).parent().parent().prev('a').length > 0) {
	        $(this).parent().parent().prev().attr('href', src + '?w=600').children('img').attr('src', src);					
				} else {
					$(this).parent().parent().prev().attr('src', src);
				}
        $(this).parent().find('li').each(function(i) {
            if (i == (index - 1)) {
                $(this).addClass('active');
            } else {
                $(this).removeClass('active');
            }
        });
        $('.jqzoom').unbind().jqzoom(jqOptions);
        //$this.parent().find('li').removeClass('active');
        //$this.parent().find('li').eq(index-1).addClass('active');        
        $('#ctl11_UcColorAndSize_DdlColor option').attr('selected', '').eq(index).attr('selected', 'selected');

        // $(this).parent().find("li").each(function (i) {
        //     //console.log($(this));
        // });
    });


    $('#ctl11_UcColorAndSize_DdlColor').change(function() {
        var $this = $(this),
            index = $this.find('option').index($this.find('option:selected')) - 1;
        $('#imagenav ul li:eq(' + index + ')').trigger('mousedown');
    });

    $('#frontPageImages').innerfade({
        speed: 'slow',
        timeout: 10000,
        type: 'sequence',
        containerheight: '220px'
    });
    $('ul.megadropdown a[href$="#"]').addClass('numb');
    $('ul.megadropdown a[href$="#"]').click(function() {
        return false;
    });
    
    
    
});