jQuery(function() {do_banner(1)});
jQuery(function() {
	//scrollpane parts
	var ScrollLength = 200;
	
	var ContentSegment = "div#categoryposts-4 ul";
	var theContent = jQuery(ContentSegment);	
	var contentHeight = theContent.height();
	theContent.css('margin-bottom',ScrollLength - contentHeight  +'px');
	
	theContent.wrap('<div class="scroll-content" />');
	var scrollContent = jQuery('.scroll-content');
	scrollContent.wrap('<div class="scroll-pane ui-widget ui-widget-header ui-corner-all" />');
	var scrollPane = jQuery('.scroll-pane');
	scrollPane.css('height',ScrollLength+'px');
	scrollPane.after('<div id="scrollbar"></div>');
	var barsegment = "div#scrollbar";
	var theBar = jQuery(barsegment);
	theBar.after('<div class="ui-icon ui-icon-triangle-1-n" />');
	theBar.after('<div class="ui-icon ui-icon-triangle-1-s" />');
	var upArr = jQuery('.ui-icon-triangle-1-n');
	var dnArr = jQuery('.ui-icon-triangle-1-s');
	//dnArr.css('margin-bottom','-20px');
	theBar.css('height',ScrollLength+'px');
	scrollContent.css('height',contentHeight + 'px');
	scrollContent.css('margin','0');
		
	//build slider
	var scrollbar = jQuery(barsegment).slider({
		slide:function(e, ui){
			if( scrollContent.height() > scrollPane.height() ){ scrollContent.css('margin-top', Math.round( -(ui.value-100) / 100 * ( scrollPane.height() - scrollContent.height() )) + 'px'); }
			else { scrollContent.css('margin-top', 0); }
		},
		orientation: 'vertical'
	});
	jQuery('.ui-slider-handle').css('bottom','100%');
	//append icon to handle
	var handleHelper = scrollbar.find('.ui-slider-handle')
	.mousedown(function(){
		//scrollbar.height( handleHelper.height() );
	})
	.mouseup(function(){
		//scrollbar.height( '100%');
	})
	.append('<span class="ui-icon ui-icon-grip-dotted-horizontal"></span>')
	.wrap('<div class="ui-handle-helper-parent"></div>').parent();
	
	//change overflow to hidden now that slider handles the scrolling
	scrollPane.css('overflow','hidden');
	
	//size scrollbar and handle proportionally to scroll distance
	function sizeScrollbar(){
		var remainder = scrollContent.height() - scrollPane.height();
		var proportion = remainder / scrollContent.height();
		var handleSize = 15; //scrollPane.height() - (proportion * scrollPane.height());
		scrollbar.find('.ui-slider-handle').css({
			height: handleSize,
			'margin-top': -handleSize/2
		});
		//upArr.css({'left':scrollbar.left(),'top':scrollbar.height()});
		//dnArr.css({'left':scrollbar.left(),'top':scrollbar.height()-20 +'px'});
		handleHelper.height('').height( scrollbar.height() - handleSize);
	}
	
	//reset slider value based on scroll content position
	function resetValue(){
		var remainder = scrollPane.height() - scrollContent.height();
		var topVal = scrollContent.css('margin-top') == 'auto' ? 0 : parseInt(-(scrollContent.css('margin-top')-100));
		var percentage = Math.round(topVal / remainder * 100);
		scrollbar.slider("value", 100-percentage);
	}
	//if the slider is 100% and window gets larger, reveal content
	function reflowContent(){
		var showing = scrollContent.height() + parseInt( scrollContent.css('margin-top') );
		var gap = scrollPane.height() - showing;
		if(gap > 0){
			scrollContent.css('margin-top', parseInt( -(scrollContent.css('margin-top')-100) ) + gap);
		}
	}

	//change handle position on window resize
	jQuery(window)
	.resize(function(){
			//resetValue();
			sizeScrollbar();
			reflowContent();
	});
	//init scrollbar size
	setTimeout(sizeScrollbar,10);//safari wants a timeout
});

	var flashvars = {};
	var bannerw = 525;
	var bannerh = 235;
	flashvars.settingsXML = "/wp-content/plugins/makeupportal/includes/settings.xml";
	var params = {};
	params.scale = "noscale";
	params.salign = "tl";
	params.wmode = "transparent";
	var attributes = {};
	swfobject.embedSWF("/wp-content/plugins/makeupportal/includes/banner.swf", "banner-rotator", "525", "235", "9.0.0", false, flashvars, params, attributes);
//zoom level detection	
	var swfZoomDetectionConfig = {
		'onZoomChange': function(obj){ do_banner(obj.scale); },
		'getInitIfOne': false,
		'initCallOnly': false,
		'frameRate': 25
	}
function do_banner(scale) {
	jQuery('#rotator').html('<div id=\"banner-rotator\"></div>');
	if (scale==1) {
		flashvars.settingsXML = "/wp-content/plugins/makeupportal/includes/settings.xml";
		swfobject.embedSWF("/wp-content/plugins/makeupportal/includes/banner.swf", "banner-rotator", "525", "235", "9.0.0", false, flashvars, params, attributes);
	}
	else {
		//flashvars.settingsXML = "/wp-content/plugins/makeupportal/includes/settings.xml";
		//swfobject.embedSWF("/wp-content/plugins/makeupportal/includes/banner.swf", "banner-rotator", "525", "235", "9.0.0", false, flashvars, params, attributes);
		//flashvars.settingsXML = "/wp-content/plugins/makeupportal/includes/settings.php?bannerw=" + parseInt(bannerw*scale) + "&bannerh=" + parseInt(bannerh*scale);
		//swfobject.embedSWF("/wp-content/plugins/makeupportal/includes/banner.swf", "banner-rotator", parseInt(bannerw*scale).toString(),parseInt(bannerh*scale).toString(), "9.0.0", false, flashvars, params, attributes);
		jQuery('#banner-rotator').html('<div id=\"banner-rotator-alt\">Learn A - Z of making-up,<br/>including personal counseling.<br/>Easy, Fun, Personal<br/>Risk Free</div>');
		jQuery('#banner-rotator').css('visibility','visible');
		//resetValue();
		sizeScrollbar();
		reflowContent();

	}
	

}