// Javascript for Woodring theme

// place jQuery in no-conflict mode by setting $j as an alias for $
var $j = jQuery.noConflict();

// jQuery function to run on document load
$j(function() {
	set_up_header();
	set_up_navigation();
	set_up_forms();
	set_up_artwork();
	set_up_videos();
	set_up_wallpaper();
	set_up_ecards();
	set_up_store();
	set_up_thanks();
});

//---------- Initializes the header ----------//

function set_up_header() {
	
	// transform the site description to upper case
	var siteDescription = $j('#site-description').text();
	$j('#site-description').text(siteDescription.toUpperCase());
}

//---------- Initializes the main navigation menu ----------//

function set_up_navigation() {
	
	// set the target attribute for the blog link
	$j('#menu-main-navigation li:eq(3) a').attr('target', '_blank');
	
	// give the last menu item a right border
	$j('#menu-main-navigation li:last').css('border-right', '1px solid #333333');
	$j('#menu-main-navigation li:last a').css('border-right', '1px solid #000000');
	$j('ul.wpsc_categories_navigation li:last').css('border-right', '1px solid #abadb3');
	$j('ul.wpsc_categories_navigation li:last a').css('border-right', '1px solid #e2e3ea');
	
	$j('ul.wpsc_categories_navigation li a').each(function(index){
		var str = $j(this).text();
		$j(this).text(str.toUpperCase());
	});
	
	$j('ul.wpsc_categories_footer_nav li a').each(function(index){
		var str = $j(this).text();
		$j(this).text(str.toUpperCase());
	});
	
	// show "Artwork" menu item as selected when on a sub-page
	if($j('#menu-artwork-navigation').length > 0) {
		$j('#menu-main-navigation li:eq(1)').addClass('current-menu-item');
		$j('#menu-main-navigation-1 li:eq(1)').addClass('current-menu-item');
	}
	
	// hover behavior adds and removes a css class
	$j('#access li').hover(function() {
		$j(this).addClass('nav-hover');
	}, function() {
		$j(this).removeClass('nav-hover');
	});
	
	// selected state for store navigation
	var storePage = $j('.wpsc_category_boundary').text();
	storePage = $j.trim(storePage);
	storePage = storePage.toUpperCase();
	$j('ul.wpsc_categories_navigation li a').each(function() {
		if($j(this).text() == storePage) {
			if(!$j(this).parent().hasClass('current-menu-item')) {
				$j(this).parent().siblings().removeClass('current-menu-item');
				$j(this).parent().addClass('current-menu-item');
			}
			
		}
	});
	$j('ul.wpsc_categories_footer_nav li a').each(function() {
		if($j(this).text() == storePage) {
			if(!$j(this).parent().hasClass('current-menu-item')) {
				$j(this).parent().siblings().removeClass('current-menu-item');
				$j(this).parent().addClass('current-menu-item');
			}
			
		}
	});
}

//---------- Initializes the artwork pages ----------//

function set_up_artwork() {
	var images = $j('.gallery .gallery-item').length;
	var rows = Math.floor(images / 5);
	var j = 4;
	for(i = 0; i < rows; i++){
		$j('.gallery .gallery-item:eq(' + j + ')').addClass('end');
		j = j + 5;
	}
	
	$j('.gallery-item .gallery-icon a img').attr('alt', '');
	
	var caption = $j('#lightbox-image-details-caption span').text();
	$j('#lightbox-image-details-caption').text('');
	$j('#lightbox-image-details-caption span').text(caption);
}

//---------- Initializes video menu ----------//

function set_up_videos() {
	
	// click event for videos menu	
	$j('#videos-toys-list li a').click(function(event) {
		event.preventDefault();
		
		var href = $j(this).attr('href');
		
		$j('#video-player-inner object').remove();
		
		var videoContainer = document.getElementById('video-player-inner');
		var videoString = '<object width="540" height="415" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="movie" value="';
		videoString += href + '"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="';
		videoString += href + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="540" height="415"></embed></object>';
		
		videoContainer.innerHTML = videoString;
	});
	
	//----- video menu button behaviors
	
	// prevent default link behavior
	$j('#video-menu-btn-down, #video-menu-btn-up').click(function(event) {
		event.preventDefault();
	});
	
	// stop the animation on a mouseup event for both buttons
	$j('#video-menu-btn-up, #video-menu-btn-down').mouseup(function() {
		$j('#scroll-panel').stop();
	});
	
	// scroll down button
	$j('#video-menu-btn-down').mousedown(function() {
		var position = $j('#scroll-panel').position();
		var distance = $j('#scroll-panel').height() - 384 - Math.abs(20 - position.top);//- Math.abs(20 - position.top);	
		$j('#scroll-panel').animate({top: '-=' + distance}, distance * 7);
	});
	
	// scroll up button	
	$j('#video-menu-btn-up').mousedown(function() {
		var position = $j('#scroll-panel').position();
		var distance = Math.abs(20 - position.top);	
		$j('#scroll-panel').animate({top: '+=' + distance}, distance * 7);
	});
}

//---------- Initialize form elements for IE6 styling ----------//

function set_up_forms() {
	$j('input[type=text]').addClass('input-text');
	$j('input[type=submit]').addClass('input-submit');
	$j('textarea').addClass('input-textarea');
}

//---------- Initialize Wallpaper selector ----------//

function set_up_wallpaper() {
	
	// start with the first option selected
	$j('.size-options li:first-child').addClass('selected');	
	
	// hover behavior for size options
	$j('.size-options li').hover(function() {
		$j(this).addClass("hover");
	}, function() {
		$j(this).removeClass("hover");
	});
	
	// click behavior for size options
	$j('.size-options li').click(function() {
		if(!$j(this).hasClass('selected')) {
			$j(this).siblings().removeClass('selected');
			$j(this).addClass('selected');
		}
	});
	
	// click behavior for thumbnail image
	$j('#wallpaper-image-list li a').click(function(event) {
		event.preventDefault();
		var url = $j(this).attr('href');
		var extension = url.substring(url.length - 4);
		url = url.substring(0, url.length - 4);
		var dimensions = $j(this).siblings('ul').find('.selected').text();
		dimensions = dimensions.toLowerCase();
		dimensions = dimensions.substring(0,3);
		var size;
		if(dimensions == "800") {
			size = "800";
		}
		else if(dimensions == "640") {
			size = "640";
		}
		else {
			size = "1024";
		}
		url = url + size + extension;
		window.location = url;
	});
	
}

//---------- Initialize Ecards Module ----------//

function set_up_ecards() {
	$j('#ecards-form').appendTo('#ecards-container');
	if($j('#ft_wpecards_error_list').length > 0) {
		$j('#ft_wpecards_error_list').appendTo('#ecards-container');
	}
	if($j('#ft_wpecard_viewcard').length > 0 && $j('#ft_wpecard_viewcard').css('display') != 'none') {
		$j('#content-media').hide();
		$j('#ft_wpecard_viewcard').parent().addClass('view-card-page');
	}
	else {
		if($j('#ecards-container').children().length < 1) {
			$j('#content-media').hide();
			//$j('#ft_wpecard_viewcard').parent().addClass('view-card-page');
		}
		else {
			$j('#content-media').show();
		}
	}
	
	var rows = Math.floor($j('#ft_wpecards_image_select_list li').length / 4);
	var cardIndex = -1;
	for(var i = 0; i < rows; i++) {
		cardIndex += 4;
		$j('#ft_wpecards_image_select_list li:eq(' + cardIndex + ')').css('margin-right', '0');
	}
	
	
}

//---------- Initialize the Store ----------//

function set_up_store() {
	$j('.wpsc_categories').hide();
	$j('.wpsc_category_boundary').hide();
	$j('.additional_description_span').hide();	
	
	$j('input.input-submit,a.cart-button,.productcart button,.productcart .input-submit,.wpsc_checkout_forms .input-submit').hover(function() {
		$j(this).addClass('hover');
	}, function() {
		$j(this).removeClass('hover');
	});
	
	
	if($j('#search-results-list').length > 0) {
		if($j('#search-results-list li').length < 1) {
			$j('#search-results-list').prepend('<p>Apologies, no results were found.</p>');
		}	
	}
}

function set_up_thanks() {
	$j('#thank-you-message').dialog({ 
		closeText: '',
		height: 579,
		modal: true,
		width: 624
	});	
}