$(document).ready(function(){

	dropMenuBgTop = new Image;
	dropMenuBgTop.src = '../img/bg-nav-drop-top.gif';
	dropMenuBgBot = new Image;
	dropMenuBgBot.src = '../img/bg-nav-drop-bot.gif';
	dropMenuIcon = new Image;
	dropMenuIcon.src = '../img/icon-arrow-right.gif';
	dropMenuIconLt = new Image;
	dropMenuIconLt.src = '../img/icon-arrow-right-lt.gif';
	
	$('a.zoom img.zoom-icon').fadeTo(0, 0);

	$('ul#nav-main a.drop').click(
		function(event) {
			event.preventDefault();
			if ( $(this).siblings('ul.drop-menu').css('display') == 'none' ) {
				$(this).parent('li').siblings('li').children('ul.drop-menu').fadeOut('fast');
				$(this).siblings('ul.drop-menu').fadeIn('fast');
			} else {
				$(this).siblings('ul.drop-menu').fadeOut('fast');
			}
		}
	);

	$(document).click(
		function(event) {
			var target = event.target;

			if (!$(target).is('ul.drop-menu li a') && !$(target).is('a.drop')) {
				$('.drop-menu').fadeOut('fast');
			}
		}
	);
	
	$('a').click(
		function(event) {
			if ($(this).attr('href') == '#') {
				event.preventDefault();
			}
		}
	);
	
	$('a.zoom').hover(
		function() {
			$(this).children('img.zoom-icon').fadeTo(300, 0.75);
		}, function() {
			$(this).children('img.zoom-icon').fadeTo(300, 0);
		}
	);
	
	$('a.zoom, p.colors a').fancybox({
		'centerOnScroll':	false,
		'imageScale': 		true
	});
	
	$('form a.add-single').click(
		function(event) {
			event.preventDefault();
			var count = $('form ul > li').size();
			$('form ul').append('<li><div class="left"><label for="name-'+count+'">Item Name</label><input type="text" name="name-'+count+'" id="name-'+count+'"></input><label for="url-'+count+'">More Info</label><input type="text" name="url-'+count+'" id="url-'+count+'"></input><label for="price-'+count+'">Price</label><input type="text" name="price-'+count+'" id="price-'+count+'"></input><label for="image-'+count+'">Image</label><input type="text" name="image-'+count+'" id="image-'+count+'" /></div><div class="right"><textarea name="info-'+count+'" id="info-'+count+'" class="info"></textarea></div><input type="hidden" name="remove-'+count+'" class="remove" id="remove-'+count+'" /><a href="#" class="remove-single">Delete</a><a href="#" class="move-up">Up</a><a href="#" class="move-down">Down</a></li>');
		}
	);
	
	$('form a.add-acc').click(
		function(event) {
			event.preventDefault();
			var count = $('form ul.accessories > li').size();
			$('form ul.accessories').append('<li id="'+count+'"><div class="left"><label for="name-'+count+'">Accessory</label><input type="text" name="name-'+count+'" id="name-'+count+'" value=""></input><label for="price-'+count+'">Price</label><input type="text" name="price-'+count+'" id="price-'+count+'" value=""></input></div><input type="hidden" name="remove-'+count+'" class="remove" id="remove-'+count+'" /><a href="#" class="remove-acc">Delete</a><a href="#" class="move-up">Up</a><a href="#" class="move-down">Down</a></li>');
		}	
	);
	
	$('a.remove-single').live('click',
		function(event) {
			event.preventDefault();
			$(this).parent('li').css('display', 'none');
			$(this).parent('li').children('input.remove').val("remove");
		}
	);
	
	$('a.remove-acc').live('click',
		function(event) {
			event.preventDefault();
			$(this).parent('li').css('display', 'none');
			$(this).parent('li').children('input.remove').val("remove");
		}
	);
	
	$('ul.rental-i li a').click(
		function(event) {
			event.preventDefault();
			$(this).fadeTo(0, 1.0);
			$(this).parent('li').animate({"height": "70px"}, 0);
			$(this).parent('li').siblings('li').animate({"height": "28px"}, 0);
			$(this).parent('li').siblings('li').children('a').fadeTo(0, .25);
			var instrument = $(this).attr('id');
			$('input#instrument').val(instrument);
		}
	);
	
	$('a.move-up').live('click',
		function(event) {
			event.preventDefault();
			
			var count = $('form ul.items > li').size();
			var num = $(this).parent('li').attr('id');
			
			if (num != 0) {
				var back = num - 1;
				var tempName = $('input#name-'+num).val();
				var tempUrl = $('input#url-'+num).val();
				var tempPrice = $('input#price-'+num).val();
				var tempImage = $('input#image-'+num).val();
				var tempInfo = $('textarea#info-'+num).val();
				$('input#name-'+num).val($('input#name-'+back).val());
				$('input#url-'+num).val($('input#url-'+back).val());
				$('input#price-'+num).val($('input#price-'+back).val());
				$('input#image-'+num).val($('input#image-'+back).val());
				$('textarea#info-'+num).val($('textarea#info-'+back).val());
				$('input#name-'+back).val(tempName);
				$('input#url-'+back).val(tempUrl);
				$('input#price-'+back).val(tempPrice);
				$('input#image-'+back).val(tempImage);
				$('textarea#info-'+back).val(tempInfo);
			}
		}
	);
	
	$('a.move-down').live('click',
		function(event) {
			event.preventDefault();
			
			var count = $('form ul.items > li').size();
			var num = $(this).parent('li').attr('id');
			num = num - 1;
			num = num + 1;
			
			if (num != count) {
				var forward = num + 1;
				var tempName = $('input#name-'+num).val();
				var tempUrl = $('input#url-'+num).val();
				var tempPrice = $('input#price-'+num).val();
				var tempImage = $('input#image-'+num).val();
				var tempInfo = $('textarea#info-'+num).val();
				$('input#name-'+num).val($('input#name-'+forward).val());
				$('input#url-'+num).val($('input#url-'+forward).val());
				$('input#price-'+num).val($('input#price-'+forward).val());
				$('input#image-'+num).val($('input#image-'+forward).val());
				$('textarea#info-'+num).val($('textarea#info-'+forward).val());
				$('input#name-'+forward).val(tempName);
				$('input#url-'+forward).val(tempUrl);
				$('input#price-'+forward).val(tempPrice);
				$('input#image-'+forward).val(tempImage);
				$('textarea#info-'+forward).val(tempInfo);
			}
		}
	);
	
});