function show_overlay(e, div_id) {
	var mouseX = 0;
	var mouseY = 0;

	if (e.pageX)
		mouseX = e.pageX + 'px';
	else if (e.clientX)
		mouseX = e.clientX + 'px';
	if (e.pageY)
		mouseY = e.pageY + 'px';
	else if (e.clientY)
		mouseY = e.clientY
				+ (document.documentElement.scrollTop || document.body.scrollTop)
				+ 'px';
	$(div_id).setStyle( {
		top : mouseY,
		left : mouseX,
		display : 'none',
		background : '#FFFFFF'
	});
	Effect.Appear(div_id, {
		duration : 1.0
	});

}

function hideoverlay(div_id) {

	Effect.Fade(div_id, {
		duration : 1.0
	});

}
function change_overlay_title(title) {
	if (title) {
		$('overlay_title').innerHTML = title;
	}
}

function add_model(type, category_id) {
	// window.current_item ='';
	new Ajax.Updater('overlay_title', '/user_items/ajax_get_overlay_title/'
			+ type + '/' + category_id, {
		asynchronous : true
	});
	aj = new Ajax.Updater('render_layout', '/user_items/addmodel/' + type + '/'
			+ category_id, {
		asynchronous : true
	});

	current_brand = 0;
}

// save model data to database and update category div
function add_model_step_two(category_id) {

	aj = new Ajax.Updater('category_' + category_id,
			'/user_items/ajax_add_model/', {
				onCreate : function() {
					Element.hide('centercontent');
					Element.show('facebook-loader');
				},
				onComplete : function() {
					Element.hide('addmodel')
				},
				asynchronous : true,
				evalScripts : true,
				parameters : Form.serialize('brandform'),
				requestHeaders : [ 'X-Update', 'category_' + category_id ]
			});

}

// add new model to items table and users profile
function add_new_model(cat_id, status) {
	$('overlay_title').innerHTML = 'ADD NEW MODEL';
	aj = new Ajax.Updater('render_layout', '/user_items/ajax_add_new_model/'
			+ cat_id + '/' + status, {
		onCreate : function() {
			Element.hide('centercontent');
			Element.show('facebook-loader');
		},
		onComplete : function() {
			Element.hide('facebook-loader');
			Element.show('centercontent');
		},
		asynchronous : true,
		evalScripts : true,
		requestHeaders : [ 'X-Update', 'render_layout' ]
	});

}

function add_new_model_to_base() {

	category_id = $('ItemCategoryId').value;

	status1 = $('ItemStatus').value;

	aj = new Ajax.Updater('render_layout', '/user_items/ajax_add_new_model/'
			+ status1 + '/' + category_id, {
		onCreate : function() {
			Element.show('facebook-loader');
			Element.hide('centercontent')
		},
		onComplete : function() {
			Element.hide('addmodel')
		},
		asynchronous : false,
		parameters : Form.serialize('itemform'),
		evalScripts : true,
		requestHeaders : [ 'X-Update', 'render_layout' ]
	});
	aj2 = new Ajax.Updater('category_' + category_id,
			'/user_items/ajax_update_category/' + status1 + '/' + category_id,
			{
				asynchronous : false,
				evalScripts : true,
				requestHeaders : [ 'X-Update', 'category_' + category_id ]
			});

}
function show_item(next, current, prefix) {

	$('valbrand_' + current).setStyle( {
		display : 'none'
	});
	$('valbrand_' + next).setStyle( {
		display : 'block'
	});
	window.current_item = next;
	$(prefix + 'Id').value = next

}
function change_model_list(val) {

	aj = new Ajax.Updater('model', '/user_items/ajax_getitems/', {
		onCreate : function() {
			Element.show('loader');
		},
		onComplete : function() {
			Element.hide('loader')
		},
		asynchronous : true,
		evalScripts : true,
		parameters : Form.serialize('brandform'),
		requestHeaders : [ 'X-Update', 'model' ]
	});
}
function refresh_subcats(cat_id) {
	if (cat_id) {
		data = {
			category_id : cat_id
		};
		upd = new Ajax.Updater('subcats', '/categories/ajax_getsubcats/', {
			asynchronous : true,
			method : 'post',
			evalScripts : true,
			parameters : data,
			requestHeaders : [ 'X-Update', 'subcats' ]
		})

	}
}

function send_model_data(category_id) {
	window.current_item = '';
	aj = new Ajax.Updater('category' + category_id, '/user_items/addmodel/', {
		onCreate : function() {
			Element.hide('centercontent');
			Element.show('loader');
		},
		onComplete : function() {
			Element.hide('addmodel')
		},
		asynchronous : true,
		evalScripts : true,
		parameters : Form.serialize('modelform'),
		requestHeaders : [ 'X-Update', 'render_layout' ]
	});
}

function addmodel(type, category_id) {
	var leftvar = (screen.width - 650) / 2;
	var topvar = (screen.height - 600) / 2;
	myWin = window.open("/user_items/addmodel/" + type + "/" + category_id,
			"displayWindow", "width=650,height=600,left=" + leftvar + ",top="
					+ topvar
					+ ",status=no,toolbar=no,menubar=no, resizable=false");

}
function editmodel(item_id) {
	var leftvar = (screen.width - 650) / 2;
	var topvar = (screen.height - 500) / 2;
	myWin = window.open("/user_items/edit/" + item_id, "displayWindow",
			"width=650,height=500,left=" + leftvar + ",top=" + topvar
					+ ",status=no,toolbar=no,menubar=no, resizable=false");

}

function show_move_menu(e, item_id, category_id, status) {
	status_arr = new Array();
	status_arr[1] = 'Bag';
	status_arr[2] = 'Wishlist';
	status_arr[3] = 'Closet';
	status_arr[4] = 'Had';
	var mouseX = 0;
	var mouseY = 0;

	/*
	 * if(e.pageX) mouseX = e.pageX+'px'; else if(e.clientX) mouseX =
	 * e.clientX+'px'; if(e.pageY) mouseY = e.pageY+'px'; else if(e.clientY)
	 * mouseY = e.clientY+'px';
	 */

	if (e.pageX)
		mouseX = e.pageX + 'px';
	else
		mouseX = Event.pointerX(e);
	if (e.pageY)
		mouseY = e.pageY + 'px';
	else
		mouseY = Event.pointerY(e);
	if (item_id) {
		$('UserItemItem').setValue(item_id);
		document.getElementById('item_id').value = item_id;
	}
	if (category_id) {
		window.change_category = category_id;
		$('UserItemCategory').setValue(category_id);
	}
	if (status) {
		window.stat = status;

	}
	inner = '';
	j = 0;
	for (i = 1; i < 5; i++) {

		if (i != status * 1) {
			if (j == 0)
				checkstatus = 'checked="checked"';
			else
				checkstatus = "";
			inner += "<div style='padding-left:65px'><input type='radio' value='"
					+ i
					+ "' id='UserItemStatus"
					+ i
					+ "' "
					+ checkstatus
					+ " name='data[UserItem][status]' \>&nbsp;&nbsp;";
			inner += "<label for 'UserItemStatus" + i + "'>" + status_arr[i]
					+ "</label>";
			inner += "</div>";
			j++;
		}
	}
	$('radio_status').innerHTML = inner;
	$('movemenu').setStyle( {
		top : mouseY,
		left : mouseX,
		display : 'none',
		background : '#FFFFFF'
	});
	Effect.Appear('movemenu', {
		duration : 1.0
	});
}

function hidemenu() {

	Effect.Fade('movemenu', {
		duration : 1.0
	});

}

function create_new_uploader(pic_id, upload_id) {

	if (!upload_id)
		upload_id = 'pic_' + pic_id;

	if (document.getElementById('pic_' + pic_id))

		var ap = new AjaxUpload(
				upload_id,
				{
					action : '/user_items/ajax_addphoto',
					name : 'data[UserItem][logo]',
					data : {
						'data[UserItem][id]' : pic_id
					},
					onSubmit : function(file, ext) {
						if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) {
							// extension is not allowed
							alert('Error: invalid file extension');
							// cancel upload
							return false;
						}

						document.getElementById('pic_' + pic_id).style.display = 'none';
						document.getElementById('spinner_' + pic_id).style.display = 'block';
					},
					onComplete : function(file, response) {
						if (response != 'error') {

							document.getElementById('pic_' + pic_id).innerHTML = response;
							document.getElementById('spinner_' + pic_id).style.display = 'none';
							document.getElementById('pic_' + pic_id).style.display = 'block';
						} else
							alert('Error uploading file');
					}
				});

}

function delete_photo(item_id) {
	if (item_id) {
		upd = new Ajax.Updater('pic_' + item_id,
				'/user_items/ajax_del_photo/' + item_id, {
					asynchronous : true,
					evalScripts : true,
					requestHeaders : [ 'X-Update', 'pic_' + item_id ]
				})
	}

}

function comments_veiw(id) {
	visible = $('comments_' + id).style.display;
	if (visible == 'none') {
		visible = 'block';
		$('comment_label_' + id).innerHTML = "Hide comments";
	} else {
		visible = 'none';
		$('comment_label_' + id).innerHTML = "Comment";
	}
	$('comments_' + id).setStyle( {
		'display' : visible
	});

}
function setOuterHTML(ElementID, txt)
{
var someElement = document.getElementById(ElementID); 

//работает для IE, но не работает для Firefox.
if (someElement.outerHTML)
{
someElement.outerHTML = txt;
} 

//работает для Firefox, но не работает для IE.
else
{
	var range = document.createRange();
	range.setStartBefore(someElement);
	var docFrag = range.createContextualFragment(txt);
	someElement.parentNode.replaceChild(docFrag, someElement);
}
} 

function delete_comment(id, table)
{
	if(!(id*1>0))
		return false;
	switch(table){
	case "comments" :
	
		new Ajax.Updater('commenouter_'+id, '/user_actions/ajax_delete_comment/'+id, {asynchronous : true,
																						onCreate : function() {
																						Element.show('spinner_'+id);
																					},
																					onComplete : function() {
																						Element.hide('spinner_'+id)
																					}}
						); break;
	 case "user_actions":
		new Ajax.Updater('commenouter_'+id, '/user_actions/ajax_delete_item_comment/'+id, {asynchronous : true,
			onCreate : function() {
			Element.show('spinner_'+id);
		},
		onComplete : function() {
			Element.hide('spinner_'+id)
		}});break;
	}
}

function  show_remove_link(link_id)
{
	try{
		$('remove_'+link_id).setStyle({visibility:'visible'});
	}
	catch(err)
	{
		return;
	}

}
function  hide_remove_link(link_id)
{
	try{
		$('remove_'+link_id).setStyle({visibility:'hidden'});
	}
	catch(err)
	{
		return;
	}

}
function delete_wall_post(post_id)
{
	if(!(post_id*1>0))
		return false;
	if(confirm('Are you sure you want to delete this post?'))
	{
		new Ajax.Updater('wall_post_answer_'+post_id, '/user_actions/ajax_delete_wall_post/'+post_id, {asynchronous : true,
			onCreate : function() {
			Element.hide('GenericStory_'+post_id);
			Element.show('post_spinner_'+post_id);
		},
		onComplete : function() {
			Element.hide('post_spinner_'+post_id);
			Element.show('wall_post_answer_'+post_id);
		}});
	}
}