$(document).ready(function() {
	$.ajaxSetup ({  
		cache: false  
	});
	
	getItems();
	var canChangeImg = true;
	var time = 250;
	
	$('.item').hover(function() {
		$(this).find('.title').animate({bottom: 0}, time);
		$(this).find('.type').animate({left: 0}, time);
		$(this).find('img').animate({right: 0}, time);
	}, function() {
		$(this).find('.title').animate({bottom: -36}, time);
		$(this).find('.type').animate({left: -310}, time);
		$(this).find('img').animate({right: 310}, time);
	});
	
	$('.prev').hover(function() {
		$(this).css('background-position', '-20px 0px');
	}, function() {
		$(this).css('background-position', '0px 0px');
	});
	
	$('.prev').click(function() {
		$('html').animate({
			scrollTop: 0
		}, 1000);
	});
	
	if (canChangeImg) {
	$('#navbar2>.right>#next').click(function() {
		canChangeImg = false;
		var galleryWidth = Number($('.gallery').css('width').replace(/px/,''));
		var currentImg = Number($(this).parent().find('.linkHover').find('a').html())+1;
		var currentImg = '.'+currentImg;
		var marginHolder = Number($('.gallery').css('margin-left').replace(/px/,''));
		if(marginHolder >= -(galleryWidth-1840)) {
			$('.gallery').animate({marginLeft: (marginHolder-920)+'px'}, 500, function() {
   				canChangeImg = true;	
  			});
			$(this).parent().find('.imgNumber').removeClass('linkHover');
			$(this).parent().find(currentImg).addClass('linkHover');
		}
		return false;
	});
	
	$('#navbar2>.right>#prev').click(function() {
		canChangeImg = false;
		var currentImg = Number($(this).parent().find('.linkHover').find('a').html())-1;
		var currentImg = '.'+currentImg;
		var marginHolder = Number($('.gallery').css('margin-left').replace(/px/,''));
		if(marginHolder<0) {
			$('.gallery').animate({marginLeft: (marginHolder+920)+'px'}, 500, function() {
   				canChangeImg = true;
  			});
			$(this).parent().find('.imgNumber').removeClass('linkHover');
			$(this).parent().find(currentImg).addClass('linkHover');
		}
		return false;
	});
	
	$('.imgNumber').click(function() {
		var imgNumber = $(this).find('a').html()-1;
		//var numbImg = $(this).parent().find('.numbImg').html();
		
		$(this).parent().find('.imgNumber').removeClass('linkHover');
		
		$(this).addClass('linkHover');
		$('.gallery').animate({marginLeft: (-(920*imgNumber))+'px'}, 500, function() {
   			canChangeImg = true;
  		});
		return false;
	});
	
	}
	
	$(".delete").live('click', function() {
		var id = $(this).parent().parent().parent().attr('id');
		var answer = confirm ("You are about to delete this item.");
		if(answer){
		deleteItem(id);
		}
		return false;
	});
	
	$(".expand").live('click', function() {
		var id = $(this).parent().parent().parent().attr('id');
		var id = "." + id + ".itemAtr";
		$(this).parent().html('<img src="images/minus.png" width="16" height="16" alt="contract" class="contract">');
		$('#itemsTable').find(id).css('display','table-row');
		return false;
	});
	
	$(".contract").live('click', function() {
		var id = $(this).parent().parent().parent().attr('id');
		var id = "." + id + ".itemAtr";
		$(this).parent().html('<img src="images/plus.png" width="16" height="16" alt="expand" class="expand">');
		$('#itemsTable').find(id).css('display','none');
		return false;
	});
	
	$(".adminImg").live('click', function() {
		//alert($(this).find('img').attr('src'));
		var imgSrc = $(this).find('img').attr('src');
		var imgWidth = $(this).find('img').attr('width')*5;
		var imgHeight = $(this).find('img').attr('height')*5;
		$("body").prepend('<div id=\"sbHolder\"><div id=\"sbOverLay\"><img src=\"images/shadowBox.png\" height=\"100%\" width=\"100%\" alt=\"\" /></div><div id=\"sbImage\"><img src=\"' + imgSrc + '\" height=\"' + imgHeight + '\" width=\"' + imgWidth + '\" alt=\"\" /></div></div>');
		$('#sbImage').css('margin-left', -(imgWidth/2));
		$('#sbImage').css('margin-top', -(imgHeight/2));
		return false;
	});
	
	$("#sbHolder").live('click', function() {
		$(this).remove();
	});
	
	$('.addImage').live('click', function() {
		alert("HI");
	});
	
	function addImport() {
		var importVar = '<input type="file" name="attachment[]" />';
		$("#moreUploads").append(importVar);
		$("#imgAmount").val(upload_number);
		upload_number++;
		position++;
	}
	
	$('#itemsTable').find('.name').live('click', function() {
		var src = $(this).parent().parent().find('img').attr('src');
		if (src=='images/plus.png') {
			var id = $(this).parent().parent().attr('id');
			var id = "." + id + ".itemAtr";
			$(this).parent().parent().find('.expand').parent().html('<img src="images/minus.png" width="16" height="16" alt="contract" class="contract">');
			$('#itemsTable').find(id).css('display','table-row');
		}
		else if (src=='images/minus.png') {
			var id = $(this).parent().parent().attr('id');
			var id = "." + id + ".itemAtr";
			$(this).parent().parent().find('.contract').parent().html('<img src="images/plus.png" width="16" height="16" alt="expand" class="expand">');
			$('#itemsTable').find(id).css('display','none');
		}
		return false;
	});
	
	$(".updateBtn").live('click', function() {
		//alert($(this).parent().parent().parent().parent().parent().find('.imgNumb').val());
		var numb = $(this).parent().parent().parent().parent().parent().find('.numb').val();
		var projectName = $(this).parent().parent().parent().parent().parent().find('.projectName').val();
		var img = $(this).parent().parent().parent().parent().parent().find('.img').val();
		var imgNumb = $(this).parent().parent().parent().parent().parent().find('.imgNumb').val();
		var imgType = $(this).parent().parent().parent().parent().parent().find('.imgType').val();
		var projType = $(this).parent().parent().parent().parent().parent().find('.projType').val();
		var year = $(this).parent().parent().parent().parent().parent().find('.year').val();
		var descr = $(this).parent().parent().parent().parent().parent().find('.descr').val();
		var upSwitch = 2;
		updateItem(numb, projectName, img, imgNumb, imgType, projType, year, descr, upSwitch);
		return false;
	});
	
	$(".uploadImgBtn").live('click', function() {
		//alert($(this).parent().parent().parent().parent().parent().find('.imgNumb').val());
		/*var numb = $(this).parent().parent().parent().find('.numb').val();
		var projectName = $(this).parent().parent().parent().parent().parent().find('.projectName').val();
		var img = $(this).parent().parent().parent().parent().parent().find('.img').val();
		var imgNumb = $(this).parent().parent().parent().parent().parent().find('.imgNumb').val();
		var imgType = $(this).parent().parent().parent().parent().parent().find('.imgType').val();
		var projType = $(this).parent().parent().parent().parent().parent().find('.projType').val();
		var year = $(this).parent().parent().parent().parent().parent().find('.year').val();
		var descr = $(this).parent().parent().parent().parent().parent().find('.descr').val();*/
		var img = $(this).parent().find('.img').val();
		var imgNumb = $(this).parent().find('.imgNumb').val();
		var file = $(this).parent().parent().parent().find('.file').val();
		
		uploadImage(img, imgNumb, file);
		return false;
	});
	
	//contact form code
	
	$("#ajax-contact-form").submit(function(){

	var str = $(this).serialize();

	   $.ajax({
	   type: "POST",
	   url: "ajax/contactProcess.php",
	   data: str,
	   success: function(msg){
		
	$("#note").ajaxComplete(function(event, request, settings){

	if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
	{
	result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
	$("#fields").hide();
	}
	else
	{
	result = msg;
	}

	$(this).html(result);

	});

	}

	 });

	return false;

	});
	
	
});

var ajax_load = "<img src='images/load.gif' alt='loading...' />";



function getItems() {
	/* $.get("ajax/getCartItems.php", { cartItems: cartArray },
	function(data){
		alert("Data Loaded: " + data);
	}); */
	var loadUrl = "ajax/getItems.php";  
	$("#itemsTable").html(ajax_load).load(loadUrl); 
}

function clearTable() {
	document.uploadForm.projectName.value = "";
	document.uploadForm.img.value = "";
	document.uploadForm.imgNumb.value = "";
	document.uploadForm.imgType.value = "";
	document.uploadForm.projType.value = "";
	document.uploadForm.year.value = "";
	document.uploadForm.descr.value = "";
}

function uploadItem(){
	//var itemName = document.uploadForm.itemName.value;
	//var itemName = document.uploadForm.itemName.value;
	var projectName = document.uploadForm.projectName.value;
	var img = document.uploadForm.img.value;
	var imgNumb = document.uploadForm.imgNumb.value;
	var imgType = document.uploadForm.imgType.value;
	var projType = document.uploadForm.projType.value;
	var year = document.uploadForm.year.value;
	var descr = document.uploadForm.descr.value;
	var upSwitch = 1;
	//alert(projectName + " " + img + " " + imgNumb + " " + imgType + " " + descr);
	$.get("ajax/process.php", { projectName: projectName, img: img, imgNumb: imgNumb, imgType: imgType, projType: projType, year: year, descr: descr, upSwitch: upSwitch },
	function(){
		getItems();
	} );
	//alert(projectName);
	//document.uploadForm.itemName.value = "";
	getItems();
	clearTable();
}

function updateItem(numb, projectName, img, imgNumb, imgType, projType, year, descr, upSwitch){
	$.get("ajax/process.php", { numb: numb, projectName: projectName, img: img, imgNumb: imgNumb, imgType: imgType, projType: projType, year: year, descr: descr, upSwitch: upSwitch },
	function(){
		getItems();
	}
	 );
	
}

function uploadImage(img, imgNumb, file){
	//var itemName = document.uploadForm.itemName.value;
	//var itemName = document.uploadForm.itemName.value;
	//var img = document.uploadImageForm.img.value;
	//var imgNumb = document.uploadImageForm.imgNumb.value;
	//alert(img + " " + imgNumb);
	$.post("ajax/uploadImage.php", { img:img, imgNumb:imgNumb, file:file },
	function(){
		//getItems();
	} );
	
	//getItems();
	//clearTable();
}

function sendEmail() {
	var EmailFrom = document.contactForm.EmailFrom.value;
	var Name = document.contactForm.Name.value;
	var Comments = document.contactForm.Comments.value;
	$.post("ajax/contactProcess.php", { EmailFrom: EmailFrom, Name: Name, Comments: Comments} );
}

function deleteItem(numb) {
	$.get("ajax/deleteRow.php", {numb: numb},
	function(){
		getItems();
	} );
}