/*
	Banner 1.0 for MoreCSS 1.0.3
	Developed by yellowgreen designbüro published under MIT License.
	
	http://morecss.yellowgreen.de/
*/



// Register properties and preparing properties
MoreCSS.properties['banner'] = 'banner';

// banner
MoreCSS.banner = function(element, properties, propertyValue, pseudoClass, caller, mode) {
	var bannerSource = MoreCSS.getPropertyValue(properties, 'banner', '');
	var bannerWidth = MoreCSS.getPropertyValue(properties, 'banner-width', '640px');
	var bannerHeight = MoreCSS.getPropertyValue(properties, 'banner-height', '480px');
	var bannerBackgroundStyle = MoreCSS.getPropertyValue(properties, 'banner-background', '');
	var bannerBackgroundOpacity = MoreCSS.getPropertyValue(properties, 'banner-background-opacity', '0.85');
	var bannerBackgroundFade = MoreCSS.getPropertyValue(properties, 'banner-fade', '0');
	var bannerCloseImage = MoreCSS.getPropertyValue(properties, 'banner-close-image', '');
	var bannerCloseTitle = MoreCSS.getPropertyValue(properties, 'banner-close-title', 'Close');
	var bannerCloseMargin = MoreCSS.getShorthand(MoreCSS.getPropertyValue(properties, 'banner-close-margin', '0 0'));
	var bannerCookie = MoreCSS.getPropertyValue(properties, 'banner-cookie-expires', '0');
	var bannerCookieName = MoreCSS.getPropertyValue(properties, 'banner-cookie-name', 'banner');
	
	if(!bannerCloseMargin[0]) bannerCloseMargin[0] = 0;
	if(!bannerCloseMargin[1]) bannerCloseMargin[1] = 0;
		
	bannerCookie = parseInt(bannerCookie);
	
	var innerWidth = MoreCSS.innerSize('width');
	var innerHeight = MoreCSS.innerSize('height');
	var bodyHeight = document.getElementsByTagName('body')[0].offsetHeight;
	var zIndexValue = 9999999999;
		
	if(bannerCookie == 0 || (bannerCookie != 0 && !document.cookie) || (document.cookie && document.cookie.indexOf('MoreCSS=' + bannerCookieName) == -1)) {
		// Create cookie
		if(bannerCookie != 0) {
			var cookieTimestamp = new Date();
			var cookieTime = cookieTimestamp.getTime() + ((60 * 1000) * bannerCookie);
			cookieTimestamp.setTime(cookieTime);
			document.cookie = 'MoreCSS=' + bannerCookieName + '; expires=' + cookieTimestamp.toGMTString() + ';';
		}
		
		// Create banner container
		var bannerContainer = document.createElement('div');
    	
    	if(!document.getElementById('morecss-banner')) bannerContainer.id = 'morecss-banner';
    	bannerContainer.className = 'morecss-banner';

	   	document.getElementsByTagName('body')[0].appendChild(bannerContainer);

		// Create banner background
		var bannerBackground = document.createElement('div');
    	
    	bannerBackground.className = 'morecss-banner-background';
    	bannerBackground.style.background = bannerBackgroundStyle;
    	bannerBackground.style.width = '100%'; // innerWidth + 'px';
    	bannerBackground.style.height = (bodyHeight < innerHeight ? innerHeight : bodyHeight) + 'px';
    	bannerBackground.style.position = 'absolute';
    	bannerBackground.style.zIndex = zIndexValue * 1;
    	bannerBackground.style.top = '0';
    	bannerBackground.style.left = '0';

    	bannerContainer.appendChild(bannerBackground);
		
		if(bannerBackground != 'transparent') {
			MoreCSS.opacity(bannerBackground, [], '0');
			if(MoreCSS.fadeIn && bannerBackgroundFade != '0') MoreCSS.fadeIn(bannerBackground, ['fade-in:' + bannerBackgroundFade + ' ' + bannerBackgroundOpacity]); else MoreCSS.opacity(bannerBackground, [], bannerBackgroundOpacity);
		}
		
		// Create banner frame
		var bannerFrame = document.createElement('iframe');
		
		bannerFrame.className = 'morecss-banner-frame';
		bannerFrame.src = bannerSource;
		bannerFrame.width = parseInt(bannerWidth);
		bannerFrame.height = parseInt(bannerHeight);
		bannerFrame.frameBorder = '0';
		bannerFrame.allowTransparency = 'true';
		
		bannerFrame.style.display = 'block';
		bannerFrame.style.position = 'absolute';
		bannerFrame.style.zIndex = zIndexValue * 2;
		bannerFrame.style.top = 50 + 'px';
		bannerFrame.style.left = Math.floor((innerWidth - parseInt(bannerWidth)) / 2) + 'px';
		bannerFrame.style.margin = '0';
		bannerFrame.style.background = 'transparent';
	
		bannerContainer.appendChild(bannerFrame);
	}

		// Create close link
		if(bannerCloseImage != '') {
			var closeLink = document.createElement('a');
			
			closeLink.className = 'morecss-banner-close';
			closeLink.href = '#close';
			closeLink.title = bannerCloseTitle;
			closeLink.onclick = function() { window['MoreCSS_closeBanner'] (this); return false; };
			
			closeLink.style.display = 'block';
			closeLink.style.position = 'absolute';
			closeLink.style.zIndex = zIndexValue * 3;
			closeLink.style.top = 50 + parseInt(bannerCloseMargin[0]) + 'px';
			closeLink.style.left = Math.floor((innerWidth - parseInt(bannerWidth)) / 2) + parseInt(bannerWidth) + parseInt(bannerCloseMargin[1]) + 'px';
	
			var closeImage = document.createElement('img');
			
			closeImage.src = bannerCloseImage;
			closeImage.alt = bannerCloseTitle;
			closeImage.border = 0;
			
			closeLink.appendChild(closeImage);
			bannerContainer.appendChild(closeLink);
		}
};

// Close Banner
MoreCSS_closeBanner = function(closeElement) {	
	if(closeElement.parentNode) document.getElementsByTagName('body')[0].removeChild(closeElement.parentNode);
};