/* 
 * funciton handles page UI init
 *
 *
 */

/* default - can override in page */
var brandNames = new Array();
var rememberPrevious = brandNames[0];
var rememberPreviousToFade = brandNames[0];
var ADMIN_MODE = false;


function KMI_init(p) {
    if ( typeof IS_ADMIN != 'undefined' ) {
      ADMIN_MODE = true;
    } 
	switch(p) {
		case 'home':
			startSlideshow();
		break;
		case 'brands':
			attachToggleHandler( '#whereToFindBrand #title' , '#whereToFindBrandInner')
			brandSignUpClickHandler( '#signUpInner' , '#brandSigdnUpInner')
		break;
		default:
	}


	var addthis_config = {
		services_compact : 'email,favorites,print,delicious,digg,google,myspace,live,facebook,stumbleupon,twitter,more'
	}

	/* nav IE bug fix and transparency handler */
  var opacity = (p=='brands' || p=='home')?0.8:0.95;
	$('.primaryLevel1Link ul li' ).fadeTo(0 , opacity);	
	$('li.primaryLevel1Link').hover(
		function() { $('ul', this).css('display', 'block'); },
		function() { $('ul', this).css('display', 'none'); }			
	);
		
	/* round corners  */
	$(".roundCorners").each( function (){
    $(this).corner("5px");
	});

	$('.hideMe , .hideMeSubmit').css('display', 'none')
	

	/* hold primary nav over state when navigation drop down */
	$(".primaryLevel2").hover(
		function (){
				var top_level = '#'+$(this).attr('id').replace('_secondary','');
				var over_class = 'currentPageTemp';
				$(top_level).addClass(over_class);
		},		
		function (){
			var top_level = '#'+$(this).attr('id').replace('_secondary','');
			var over_class = 'currentPageTemp';
			$(top_level).removeClass(over_class);
		}
	)

	/* switch submit buttons */
	if ($('form').length > 0) {
		$('input[type=submit]').hide()
		$('.hideMeSubmit').show()
	}
}




function slideshowAdmin() {	

	$('.slideShowSlideContainer img.homePageSlideshow').css({
			'height' : '100px',
			'width' : '200px'
		});
	
	$('.slideShowSlideContainer').css({
			'width' : '300px',
			'height' : '150px',
			'float' : 'left',
			'overflow' : 'hidden'
		});

	$('.slideshow').css({
			'padding' : '40px 0px 0px 50px',
			'clear' : 'right',
			'height' : '400px;'

		});

	$('#brandsRotatingBanner').css({
			'height' : '330px'
		});
	
	$('.admin_only').css({
			'display' : 'block',
			'font-size' : '12px'
		});

	$('#boxes , #dialog').css({
			'width' : '200px'
		});



}

function startSlideshow()
		
		{

			

			// start up marquee
			$('#slideshowMarquee').fadeTo(1 , 0);
			$("div#scrollingText").smoothDivScroll({scrollingSpeed: 1, autoScroll: "always", autoScrollDirection: "endlessloop", autoScrollSpeed: 1});
//		$("div#makeMeScrollable").smoothDivScroll({scrollingSpeed: 1, mouseDownSpeedBooster: 3, autoScroll: "onstart", autoScrollDirection: "endlessloop", autoScrollSpeed: 1, visibleHotSpots: "onstart", hotSpotsVisibleTime: 9});	


	$('.slideshow').cycle({
		fx: 'fade', 
		speed: 1000,
		timeout: 6000,
		sync:   0,

		before: onBefore,
		after: onAfter,
		sync : 'true'
	});

//	$('#slideshowNav').fadeTo(0 , 0.66);
	$('.slideContainer').css('display' , 'block');

//	var curNav = $('#' + brandNames[0]+ '_banner_nav');
//	curNav.attr('src' , 'images/brand_rotating_banner/nav/'+brandNames[0]+'_over.png' );
	$('#slideshowMarquee').fadeTo(5 , 0.3);
}

function onBefore(){
	startNavAnim($(this))
}

function startNavAnim(t) {
	$('#output').html(curBrand)

	//fade previous brand over state	
	var prevNav = $('#' + rememberPrevious + '_banner_nav');
	var prevNavFooter = $('#' + rememberPrevious + '_footer_nav');
	prevNav.fadeTo( 200 , 0.8  );

	
	prevNav.attr('src' , 'images/brand_rotating_banner/nav/'+rememberPrevious+'.png' );
	var curBrand = $(t).children("a").attr('id');
	rememberPrevious = curBrand;
	var curNav = $('#' + curBrand + '_banner_nav');
	curNav.attr('src' , 'images/brand_rotating_banner/nav/'+curBrand+'_over.png' );


	curNav.fadeTo(100 , 0.8);

	var prevNav = $('#' + rememberPreviousToFade + '_banner_nav');
	rememberPreviousToFade = rememberPrevious;
	prevNav.fadeTo( 100 , 1 );
	var curBrand = $(this).children("a").attr('id');
	var curNav = $('#' + curBrand + '_banner_nav');
	var curFooterNav  = $('#' + curBrand + '_footer_nav');
	curFooterNav.attr('class' , 'currentPage')
	curNav.fadeTo(50 , 1);
}


function onAfter(){
}

function brandSignUpClickHandler( click , body) {
	$(click).click( function () {
	
		if ($("#brandSignUpThankyou").length > 0)	{
			$("#brandSignUpThankyou").hide();
		}
		$("#signUpForm input[type=text]").attr('value' , '')

		$(body).toggle();
		return false;
	});
}

function attachToggleHandler( click , body) {
	$(click).click( function () {
		$(body).toggle();
		return false;
	});
}

function noop(){
	return;
}

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=500,height=500,left = 470,top = 200');");
}

function flashMessage(){

	// set height and wigth
	var top = $(window).height()/2-( $('#flashMessage').height()/2);
	var left = $(window).width()/2-( $('#flashMessage').width()/2);
	$("#flashMessage").css({
		'top' : top,
		'left': left
	});
			
	setTimeout(function(){ 
    	closeAlert ();
  	}, 6000 ); 			
			
	$("#flashMessage").fadeIn('fast');
	$("#flashMessage").corner("10px cc:#FFF");
			
}
			
function closeAlert (){
	$("#flashMessage").fadeOut('slow');
}