﻿jQuery.fn.pngFix = function(settings) {
  settings = jQuery.extend({ blankgif: 'blank.gif' }, settings); if (jQuery.browser.msie && jQuery.browser.version < 7) {
    jQuery(this).find("img[src$=.png]").each(function() {
      jQuery(this).attr('width', jQuery(this).width()); jQuery(this).attr('height', jQuery(this).height()); var prevStyle = ''; var strNewHTML = ''; var imgId = (jQuery(this).attr('id')) ? 'id="' + jQuery(this).attr('id') + '" ' : ''; var imgClass = (jQuery(this).attr('class')) ? 'class="' + jQuery(this).attr('class') + '" ' : ''; var sizingMethod = getIE6Style(imgClass); var imgTitle = (jQuery(this).attr('title')) ? 'title="' + jQuery(this).attr('title') + '" ' : ''; var imgAlt = (jQuery(this).attr('alt')) ? 'alt="' + jQuery(this).attr('alt') + '" ' : ''; var imgAlign = (jQuery(this).attr('align')) ? 'float:' + jQuery(this).attr('align') + ';' : ''; var imgHand = (jQuery(this).parent().attr('href')) ? 'cursor:hand;' : ''; if (this.style.border) { prevStyle += 'border:' + this.style.border + ';'; this.style.border = ''; }
      if (this.style.padding) { prevStyle += 'padding:' + this.style.padding + ';'; this.style.padding = ''; }
      if (this.style.margin) { prevStyle += 'margin:' + this.style.margin + ';'; this.style.margin = ''; }
      var imgStyle = (this.style.cssText); strNewHTML += '<span ' + imgId + imgClass + imgTitle + imgAlt; strNewHTML += 'style="position:relative;white-space:pre-line;display:inline-block;background:transparent;' + imgAlign + imgHand; strNewHTML += 'width:' + jQuery(this).width() + 'px;' + 'height:' + jQuery(this).height() + 'px;'; strNewHTML += 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + jQuery(this).attr('src') + '\', sizingMethod=\'' + sizingMethod + '\');'; strNewHTML += imgStyle + '"></span>'; if (prevStyle != '') { strNewHTML = '<span style="position:relative;display:inline-block;' + prevStyle + imgHand + 'width:' + jQuery(this).width() + 'px;' + 'height:' + jQuery(this).height() + 'px;' + '">' + strNewHTML + '</span>'; }
      jQuery(this).hide(); jQuery(this).after(strNewHTML);
    }); jQuery(this).find("*").each(function() { var bgIMG = jQuery(this).css('background-image'); var imgClass = jQuery(this).attr('class'); var sizingMethod = getIE6Style(imgClass); if (bgIMG.indexOf(".png") != -1) { var iebg = bgIMG.split('url("')[1].split('")')[0]; jQuery(this).css('background-image', 'none'); jQuery(this).get(0).runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + iebg + "',sizingMethod='" + sizingMethod + "')"; } }); jQuery(this).find("input[src$=.png]").each(function() { var bgIMG = jQuery(this).attr('src'); var imgClass = jQuery(this).attr('class'); var sizingMethod = getIE6Style(imgClass); jQuery(this).get(0).runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + bgIMG + '\', sizingMethod=\'' + sizingMethod + '\');'; jQuery(this).attr('src', settings.blankgif) });
  }
  return jQuery(this);
}; 

function getIE6Style(imgClass) {
  var sizingMethod = ''; if (imgClass.indexOf("ie6scale") > -1) { sizingMethod = "scale"; } else if (imgClass.indexOf("ie6crop") > -1) { sizingMethod = "crop"; } else { sizingMethod = "scale"; }
  return sizingMethod;
}

$(document).ready(function() {
	// Special styles
	 $(document).pngFix();
	$('body').not('#TB_iframeContent').prepend('<div id="background"></div>');
	$('body.loginMode form').css({"position": "absolute","zIndex": 91,"width": "100%"});
	
	$('#background').append('<img src="/uploadedImages/versbloed_home.jpg" />');
	
	// Scale and set the right background
	//setBG();
	scaleBG();
	
	if ($('#main .articleList .article').length == 0) {
		$('#main .articleList').css('background', 'none');
	}
	if ($.browser.msie && $.browser.version < 7) {
		if ($("#main").height() < 650) $("#main").height(650);
	}
	// End styles
});
$(window).resize(function() {
	scaleBG();
});

function setBG(){
	if($('#pageMenu ul li:eq(0), #pageMenu ul li:eq(6)').hasClass('activeMenuItem')){
		$('#background img').attr('src','/uploadedImages/versbloed_home.jpg');
	}
	if($('#pageMenu ul li:eq(2)').hasClass('activeMenuItem')){
		$('#background img').attr('src','/uploadedImages/versbloed_inschrijven.jpg');
	}
	if($('#pageMenu ul li:eq(4)').hasClass('activeMenuItem')){
		$('#background img').attr('src','/uploadedImages/versbloed_organisatie.jpg');
	}	
}

function scaleBG() {
	/* bg width: 1024; height: 725 */
	var windowWidth = $(window).width();
	var windowHeight = $(window).height();
	
	if (windowHeight < 725) {
		newHeight = windowHeight;
		newWidth = 1024 * (windowHeight/725);
	} else if (windowWidth < 1024) {
		newHeight = 725 * (windowWidth/1024);
		newWidth = windowWidth;
	} else {
		newHeight = windowHeight - $("#header").outerHeight() - 22;
		newWidth = 1024 * (newHeight/725);
	}
	$("#background").css("height", windowHeight - $("#header").outerHeight() - 22);
	$("#background img").css("width", newWidth);
	$("#background img").css("height", newHeight);
}