// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

function reloadItems() {
	$(".image_object").remove();
	loadItems();
} 

////// FLY OBJECTS ////////
/*
function createFlyObjects(parent_id, width, height, birds) {
	obj_id = "fly_"+parent_id;
	ph = $("#"+parent_id+"").height();
	pw = $("#"+parent_id+"").width();
	pl = $("#"+parent_id+"").offset().left;
	pt = $("#"+parent_id+"").offset().top;
	
	this_left = pl - ((width / 2) - (pw / 2))
	this_top = (pt-height)+30;
	
	$('<div id="'+obj_id+'"></div>').html('').appendTo('body').hide().fadeIn();
	
	$("#"+obj_id+"").css( { "width": width + "px", "height":height + "px", "z-index":1, "left": this_left + "px", "top": this_top + "px", "position":"absolute"  } );
	$("#"+obj_id+"").addClass('image_object');
	
	for ( var i = 0; i < birds; i++ ) {
		$("#"+obj_id+"").append('<span style="background: black; display: block; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px;"></span>');
	}
	
	$("#"+obj_id+" > span").particles('flies', 90);
}
*/
/////////////////////
function createObject(obj_id, width, height, image, leftp, topp, pos) {
	ww = $(window).width() / 2;
	_leftp = (pos=="left" ? (ww-leftp) : (ww+leftp));
	
	wh = _bodyHeight;
	//if (pos=="left" || ww>=(width+leftp)) {
	$('body').prepend('<div id="'+obj_id+'"></div>');
	$("#"+obj_id+"").css( { "overflow" : "hidden",  "width": width + "px", "height":height + "px", "z-index":2, "left": _leftp + "px", "top": (wh-topp), "position":"absolute"  } );
	$("#"+obj_id+"").addClass('loading');
	$("#"+obj_id+"").addClass('image_object');
	_loadImage(image, obj_id);
	//}
}
function createFooter(obj_id, height, image) {
	ww = $(window).width();
	wh = _bodyHeight;
	$('body').prepend('<div id="'+obj_id+'"></div>');
	$("#"+obj_id+"").css( { "overflow" : "hidden", "width": ww + "px", "height":height + "px", "z-index":2, "left": 0 + "px", "top": (wh-height), "position":"absolute", "background":"url(/images/front/"+image+") repeat-x left top"  } );
	$("#"+obj_id+"").addClass('image_object');
}
function positionMessage() {
	obj_id = "front_message";
	pos = "left";
	leftp = 438;
	topp = 976;
	ww = $(window).width() / 2;
	_leftp = (pos=="left" ? (ww-leftp) : (ww+leftp));
	
	wh = _bodyHeight;
	//if (pos=="left" || ww>=(width+leftp)) {
	//$('body').prepend('<div id="'+obj_id+'"></div>');
	$("#"+obj_id+"").css( { "overflow" : "hidden", "left": _leftp + "px", "top": (wh-topp), "position":"absolute"  } );
	//$("#"+obj_id+"").addClass('loading');
	//$("#"+obj_id+"").addClass('image_object');	
}
function positionSignIn() {
	obj_id = "sign_in";
	pos = "right";
	leftp = 370;
	topp = 1030;
	ww = $(window).width() / 2;
	_leftp = (pos=="left" ? (ww-leftp) : (ww+leftp));
	
	wh = _bodyHeight;
	//if (pos=="left" || ww>=(width+leftp)) {
	//$('body').prepend('<div id="'+obj_id+'"></div>');
	$("#"+obj_id+"").css( { "overflow" : "hidden", "left": _leftp + "px", "top": (wh-topp), "position":"absolute"  } );
	//$("#"+obj_id+"").addClass('loading');
	//$("#"+obj_id+"").addClass('image_object');	
}
function positionSignText() {
	obj_id = "sign_in_text";
	pos = "right";
	leftp = 192;
	topp = 994;
	ww = $(window).width() / 2;
	_leftp = (pos=="left" ? (ww-leftp) : (ww+leftp));
	
	wh = _bodyHeight;
	//if (pos=="left" || ww>=(width+leftp)) {
	//$('body').prepend('<div id="'+obj_id+'"></div>');
	$("#"+obj_id+"").css( { "overflow" : "hidden", "left": _leftp + "px", "top": (wh-topp), "position":"absolute"  } );
	//$("#"+obj_id+"").addClass('loading');
	//$("#"+obj_id+"").addClass('image_object');	
}

function positionFeedback() {
	ww = $(window).width() / 2 ;
	wh = _bodyHeight;
	mh = $("#feedback").height();
	mw = $("#feedback").width() / 2 ;
	
	$("#feedback").css( {"top": (wh-mh) + "px", "left":(ww-mw) } )
	positionPrev();
	positionNext();
}

function positionPrev() {
	ww = $(window).width() ;
	wh = _bodyHeight;
	mh = $("#prev").height();
	mw = $("#prev").width() ;
	
	$("#prev").css( {"top": (wh-40) + "px", "left":(20) } )
}

function positionNext() {
	ww = $(window).width() ;
	wh = _bodyHeight;
	mh = $("#next").height();
	mw = $("#next").width() ;
	
	$("#next").css( {"top": (wh-40) + "px", "left":(ww-mw)-20 } )
}

function _loadImage(image, obj_id) {
	var img = new Image();
	        $(img).load(function () {
	            //$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
	            $(this).hide();
	            $('#'+obj_id).removeClass('loading').append(this);
	            $(this).fadeIn();
	        }).error(function () {
	            // notify the user that the image could not be loaded
	        }).attr('src', '/images/front/'+image);
}
function setError(obj_id, error_msg) {
	_value = $("#"+obj_id).attr("value");
	$("#"+obj_id).addClass('errors');
	$("#"+obj_id).attr("value", error_msg);
	
}