$(document).ready(function() {
	$('.DropArea').addClass('img1');
	$('.img2').bind('click', function (){
		$('.img2').css('background-image', 'url(graphics/picbg2.png)');
		$(this).css('background-image', 'url(graphics/picbg4.png)');
	});
	$('.imgDrag').draggable({
			helper: 'clone',
			opacity: '.6',
			containment: 'document',
			cursor: 'pointer',
			scroll: true,
			scrollSpeed: 100
	});	

	$('.NoDragPic').draggable({
			helper: 'clone',
			opacity: '.6',
			containment: 'document',
			cursor: 'pointer',
			scroll: true,
			scrollSpeed: 100
	});	
	
	$('.DropArea').droppable({
			accept: '.imgDrag',
			hoverClass: 'img2'
	});
	$('.Trash').droppable({
			accept: '.NoDragPic, .imgDrag'
	});
	$('.Trash').bind('drop', function(event,ui) {
		var $Title = $(ui.draggable).attr('title');
		var $SKU = $(ui.draggable).parent().parent().parent().find('input').attr('value');
		var answer=confirm('This will remove ' + $Title + ' from your queue.\n\nIs that okay?');
		if (answer){
			ColdFusion.navigate('http://tiberriver.com/index.cfm/fuseaction/ReviewAccount.RemoveQueueItem/ItemNumber/' + $SKU,'EditQueueItem')
		}
	});
	
	$('.DropArea').bind('drop', function(event,ui) {
		//$('.DropArea').removeClass('imgSelect');
		var $dropid = Number($(this).attr('id'));
		var $dragid = Number($(ui.draggable).parent().attr('id'));
		if($dropid > $dragid) {
			var $newid1 = $dragid;
			var $newpic1 = $(ui.draggable).attr('src');
			var $newtitle1 = $(ui.draggable).attr('title');
			var $newtext1 = $(ui.draggable).parent().parent().parent().find('font').text();
			var $newSKU1 = $(ui.draggable).parent().parent().parent().find('input').attr('value');
			var $loopdifference = Number($dropid - $dragid) +1;
			for (i=0;i<$loopdifference;i++)	{
				var $newid2 = Number($newid1) + 1;
				var $newpic2 = $('#' + ($newid2)).find('img').attr('src');
				var $newtitle2 = $('#' + ($newid2)).find('img').attr('title');
				var $newtext2 = $('#' + ($newid2)).parent().parent().find('font').text();
				var $newSKU2 = $('#' + ($newid2)).parent().parent().find('input').attr('value');
				$('#' + ($newid1)).find('img').attr({
					'src': $newpic2,
					'title': $newtitle2
				});
				$('#' + ($newid1)).parent().parent().find('font').text($newtext2)
				$('#' + ($newid1)).parent().parent().find('input').attr({
					'value': $newSKU2
				});
				var $newid1 = Number($newid1) + 1;
			};
				$('#' + ($dropid)).parent().parent().find('img').attr({
					'src': $newpic1,
					'title': $newtitle1
				});
				$('#' + ($dropid)).parent().parent().find('font').text($newtext1);
				$('#' + ($dropid)).parent().parent().find('input').attr({
					'value': $newSKU1
				});
				var $SKU = $newSKU1;
				ColdFusion.navigate('http://tiberriver.com/index.cfm/fuseaction/ReviewAccount.EditQueueItem/ItemNumber/' + $SKU,'EditQueueItem');
				ColdFusion.navigate('http://tiberriver.com/index.cfm/fuseaction/ReviewAccount.UpdateQueue','UpdateQueue', '', '', 'POST', 'ReviewQueue')
		}
		else if($dragid > $dropid) {
			var $newid = Number($('#' + ($dropid)).attr('id')) + 1;
			var $newpic1 = $(this).find('img').attr('src');
			var $newtitle1 = $(this).find('img').attr('title');
			var $newtext1 = $(this).parent().parent().find('font').text();
			var $newSKU1 = $(this).parent().parent().find('input').attr('value');
			var $loopdifference = Number($dragid - $dropid);
				$('#' + ($dropid)).find('img').attr({
					'src': $(ui.draggable).attr('src'),
					'title': $(ui.draggable).attr('title')
				});
				$('#' + ($dropid)).parent().parent().find('font').text($(ui.draggable).parent().parent().parent().find('font').text());
				$('#' + ($dropid)).parent().parent().find('input').attr({
					'value': $(ui.draggable).parent().parent().parent().find('input').attr('value')
				});
			for (i=0;i<$loopdifference;i++)	{
				var $newtext2 = $('#' + ($newid)).parent().parent().find('font').text();
				var $newpic2 = $('#' + ($newid)).find('img').attr('src');
				var $newtitle2 = $('#' + ($newid)).find('img').attr('title');
				var $newSKU2 = $('#' + ($newid)).parent().parent().find('input').attr('value');
				$('#' + ($newid)).find('img').attr({
					'src': $newpic1,
					'title': $newtitle1
				});
				$('#' + ($newid)).parent().parent().find('font').text($newtext1);
				$('#' + ($newid)).parent().parent().find('input').attr({
					'value': $newSKU1
				});
				var $newtext1 = $newtext2;
				var $newpic1 = $newpic2;
				var $newtitle1 = $newtitle2;
				var $newSKU1 = $newSKU2;
				var $newid = Number($('#' + ($newid)).attr('id')) + 1;
			};
			var $SKU = $newSKU1;
			ColdFusion.navigate('http://tiberriver.com/index.cfm/fuseaction/ReviewAccount.EditQueueItem/ItemNumber/' + $SKU,'EditQueueItem');
			ColdFusion.navigate('http://tiberriver.com/index.cfm/fuseaction/ReviewAccount.UpdateQueue','UpdateQueue', '', '', 'POST', 'ReviewQueue')
		}
		else if($dragid == $dropid) {
			var $SKU = $(this).parent().parent().find('input').attr('value');
			$(this).addClass('');
			ColdFusion.navigate('http://tiberriver.com/index.cfm/fuseaction/ReviewAccount.EditQueueItem/ItemNumber/' + $SKU,'EditQueueItem')
		};
		
	});


	$('.TabCategorySelector').bind('mouseover', function() {
		$(this).css('background-color', '#246A8E')
	});
	$('.TabCategorySelector').bind('mouseout', function() {
		$(this).css('background-color', '')
	});
	
	$('#CategoryBooks').hover(function() {
		setTimeout("if(($('#CategoryBooks').css('background-color')!='transparent')&&($('#CategoryBooks').css('background-color')!='rgba(0, 0, 0, 0)')){$('.MenuBooks').stop().show('fast')}",200);
	}).bind('mouseout', function() {
		setTimeout("if(($('#CategoryBooks').css('background-color')=='transparent')||($('#CategoryBooks').css('background-color')=='rgba(0, 0, 0, 0)')){$('.MenuBooks').hide('fast')}",100);
	});
	
	$('#CategoryAudio').hover(function() {
		setTimeout("if(($('#CategoryAudio').css('background-color')!='transparent')&&($('#CategoryAudio').css('background-color')!='rgba(0, 0, 0, 0)')){$('.MenuAudio').stop().show('fast')}",200);
	}).bind('mouseout', function() {
		setTimeout("if(($('#CategoryAudio').css('background-color')=='transparent')||($('#CategoryAudio').css('background-color')=='rgba(0, 0, 0, 0)')){$('.MenuAudio').hide('fast')}",100);
	});
	
	$('#CategoryVideo').hover(function() {
		setTimeout("if(($('#CategoryVideo').css('background-color')!='transparent')&&($('#CategoryVideo').css('background-color')!='rgba(0, 0, 0, 0)')){$('.MenuVideo').stop().show('fast')}",200);
	}).bind('mouseout', function() {
		setTimeout("if(($('#CategoryVideo').css('background-color')=='transparent')||($('#CategoryVideo').css('background-color')=='rgba(0, 0, 0, 0)')){$('.MenuVideo').hide('fast')}",100);
	});
	
	$('.MenuItems').bind('mouseover', function() {
		$(this).css('background-color', '#246A8E').css('color', 'white')
	}).bind('mouseout', function() {
		$(this).css('background-color', '').css('color', 'black')
	});
	
	$('.MenuBooks').bind('mouseenter', function() {
		$('#CategoryBooks').css('background-color', '#246A8E');
		$(this).css('display', 'block')
	}).bind('mouseleave', function() {
		$('#CategoryBooks').css('background-color', '');
		$(this).css('display', 'none')
	});
	
	$('.MenuAudio').bind('mouseenter', function() {
		$(this).css('display', 'block');
		$('#CategoryAudio').css('background-color', '#246A8E')
	}).bind('mouseleave', function() {
		$(this).css('display', 'none');
		$('#CategoryAudio').css('background-color', '')
	});
	
	$('.MenuVideo').bind('mouseenter', function() {
		$(this).css('display', 'block');
		$('#CategoryVideo').css('background-color', '#246A8E')
	}).bind('mouseleave', function() {
		$(this).css('display', 'none');
		$('#CategoryVideo').css('background-color', '')
	});
	

	$('#EmailText').attr({
		'value': 'Email Address',
		'style': 'color: #777777'
	})
	.bind('focus', function(){
		if ($(this).attr('value') == 'Email Address') {
			$(this).attr({
				'value': '',
				'style': 'color: black'
			})
		}
	})
	.bind('blur', function(){
		if ($(this).attr('value') == '') {
			$(this).attr({
				'value': 'Email Address',
				'style': 'color: #777777'
			})
		}
	});
	
	$('#PasswordText').attr({
		'value': 'Password',
		'style': 'color: #777777'

	})
	.bind('focus', function(){
		if ($(this).attr('value') == 'Password') {
			$(this).attr({
				'value': '',
				'style': 'color: black'
			})
		}
	})
	.bind('blur', function(){
		if ($(this).attr('value') == '') {
			$(this).attr({
				'value': 'Password',
				'style': 'color: #777777'
			})
		}
	});
});